From e972f26fa43ad0c5a87ca05c15e51de1e160ea21 Mon Sep 17 00:00:00 2001
From: fengzi2333 <1273556223@qq.com>
Date: Fri, 13 Jan 2023 17:14:11 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../09fabef8372ba6ccb28640250f8a9a03.json     |   1 +
 .../11f462871e9134f5851bf0a56f2a756c.json     |   1 +
 .../16b5f1c4b905d26348908dd1793c1ffc.json     |   1 +
 .../1a3c4c946d546c334981246ae01b241f.json     |   1 +
 .../1c00eca8c81e0b30dc5722e6fc2473a2.json     |   2 +-
 .../1ef6d46f643d30c4ae0f4168b5cb1dd3.json     |   1 +
 .../21e4af3c95b9d098db24bfb9316aa851.json     |   1 +
 .../21e997367a752e41c28c92c30944d8b2.json     |   2 +-
 .../236371806046be562db538d5f25400fc.json     |   1 +
 .../23f61eff79a8decdced1d385941bd3e7.json     |   2 +-
 .../2799823fb24d83e0eecc90533a78ce60.json     |   1 +
 .../2901dfd8c58f9c21184639189bd357ed.json     |   2 +-
 .../2d3b4fa73ff1f968da1bf0966f9e182e.json     |   1 +
 .../2dff4b8d51cc3d26994ac83252c900e7.json     |   1 +
 .../3174a3f4277eac9cdd81682607841da2.json     |   1 +
 .../32db95518df4356531b4eda5b533c4fc.json     |   2 +-
 .../3483520c9c23faeb0a0871e9ce3514d5.json     |   2 +-
 .../37b5b2d3750edb94176f435547328485.json     |   1 +
 .../3b5b66594d9b0828efd1147faef5d958.json     |   1 +
 .../3e336a646478e2c4745cb000e2df1716.json     |   1 +
 .../3e8bf5780b34111784a6726f02de4780.json     |   1 +
 .../3f189703574f6eec1d2a2fa1cfc0e365.json     |   1 +
 .../443874003cd07410b9086082f9c38aeb.json     |   1 +
 .../474b7cdfe8419cfd344236949f8a13fb.json     |   1 +
 .../49de78792342cc45d11d3132779c1444.json     |   2 +-
 .../4d4526eb6e690c02559295cd25fce6e0.json     |   1 +
 .../5352cb90722bffc6d47e6d1d3e6a13e3.json     |   1 +
 .../53c340a2005f1e03059eea947ea65b4e.json     |   2 +-
 .../577c0ec7b1f978e5d56d74c14d690f9d.json     |   2 +-
 .../5b175d1dda49f4c971e4fd29509f9730.json     |   2 +-
 .../5b2a27955840d53c6844d0d7c8a5ca47.json     |   1 +
 .../5bac6b3cd40ee00bb0a68690fe87b6c3.json     |   1 +
 .../5d4448e01ab8a9fa111b6712348cc43b.json     |   1 +
 .../5e78e6d3771720745f3bcf0bb6b46dbd.json     |   2 +-
 .../5ec6fbb3a9466fa3a6b00a35659e54d3.json     |   1 +
 .../60531fcaacc714ef6a7b4a1f1ae3ce08.json     |   1 +
 .../623342d73f9f879c08847153a265e12b.json     |   1 +
 .../68c352dae5102a8e28472793bc112779.json     |   1 +
 .../6bdb21b9da5b37e8581ce7aa21e064b5.json     |   1 +
 .../7335bfb35f177ad7831e45d8ed222c3b.json     |   2 +-
 .../76119fce2424c617f44645fe6a6152be.json     |   2 +-
 .../76a6ed68c42e9f2948a1a968a720d2ba.json     |   2 +-
 .../771a7aef5497ce8de8beef8ae80b09d5.json     |   1 +
 .../77b7fa2f309d40fe2ec6d7d8962f5232.json     |   1 +
 .../7dc508cfa2137e8047c18007da4ffba9.json     |   1 +
 .../7ec74dfc44c24ec7dde7cd383cabfbee.json     |   1 +
 .../809bc02183bce4c7d5ad233a6c1fec25.json     |   2 +-
 .../819c4feb7152bde845b1a712078b3f06.json     |   1 +
 .../82ce2fb6103e04e80fe380264ac03fec.json     |   1 +
 .../841b2ff6d79f4c6b0e596e17a64f937c.json     |   1 +
 .../86279046f5a932054dc5ad9f158801d7.json     |   1 +
 .../88fcea019544d4a1d901e3441d304a41.json     |   1 +
 .../8ac23a81d90b71fdae195e54590509ef.json     |   1 +
 .../8c279dfcd3764858949271d50d0b7618.json     |   1 +
 .../8ca6ae615981d01f5b14de3456d087a2.json     |   1 +
 .../8f3b2d1fc0cb99785c97dd83906a5464.json     |   2 +-
 .../8f88851fdeb17d549a400313f13e5420.json     |   1 +
 .../91b670334fa3c1b782db1c8b1c5ee8f7.json     |   1 +
 .../926cf4a08f211b74cd3dc9e7e13b8308.json     |   2 +-
 .../943bc819096583d5ce312ed5cfac0abf.json     |   1 +
 .../94f4601759f80bb2870fb2a6407d3809.json     |   1 +
 .../954cf20bc2f17c013c39a4757e6652a6.json     |   1 +
 .../95ae0957918b4a956d307c91325ac8a5.json     |   1 +
 .../96935dde4be348a93f43aa4e5fe577d2.json     |   2 +-
 .../97687da616fcbe1b36e2a9f27af0132c.json     |   2 +-
 .../9cf0d89f5f2e2c7d9e87b752571fefcc.json     |   1 +
 .../9de911dc2b9989636d7b53b1ef471a77.json     |   1 +
 .../9e921fb4e85d8c84d9cb996e6f59f18d.json     |   2 +-
 .../a6a1d5f1cca3c744b6e873cd60fc7910.json     |   1 +
 .../a715561dcbca8e48e9ef6f0d7d4caa9f.json     |   1 +
 .../a89486bfc38c3bf69139ba1d8f2db831.json     |   1 +
 .../aa9f7b8164ca9cb6c7c940463cea610e.json     |   1 +
 .../ab048898ca5e8b0c6353f0a7f69acb36.json     |   1 +
 .../abad7b2a8f419a9f6523c4e0663d252f.json     |   1 +
 .../b2fae0bdf6818d95d00b2e40ebfd6e99.json     |   1 +
 .../b5264513b9df86b5dedaac5f3682a2c7.json     |   1 +
 .../b57b0aec0534234d23514771a6950275.json     |   2 +-
 .../b765859edb03dfb37eb7e74bc73b0159.json     |   1 +
 .../b8df2664bccbe313e95305eeb34493c9.json     |   1 +
 .../babebd07c9e45c29c0b2c34bd8667c0d.json     |   2 +-
 .../bb5d92242d460e2e0b368d1cb0361f5b.json     |   1 +
 .../c18158dc01486915e072c159a2a158f8.json     |   1 +
 .../c5e8e3b70afb5c61af793789bf80d03d.json     |   2 +-
 .../cfb427167bb86705eb00724b12b67d9d.json     |   1 +
 .../d20f4d153daa3b74a4d57bd8e1d4e751.json     |   1 +
 .../d31af6f8d972b668bae035f11a7d0458.json     |   1 +
 .../dceee980f0359c89f763a9757823cbf1.json     |   1 +
 .../dd6374cd0c0f839f42e50585ea8abb0f.json     |   2 +-
 .../e25cfc279c10ea57a1a2509a5e0e4af2.json     |   1 +
 .../e49276f000850bacb2745bb8ac841eaf.json     |   1 +
 .../e7d58d4cde25f423ef19467283310e61.json     |   2 +-
 .../e8f3882ef98de1791dec10c5e513e635.json     |   2 +-
 .../ed8339eb0c03dcffca5b5dcdf6b70991.json     |   1 +
 .../ef81b8e61589c4c090d4c6e867834b09.json     |   1 +
 .../f00150bbba4cc146ffb88eee2131c92d.json     |   1 +
 .../f3e53882f870ff3578626269eeede401.json     |   2 +-
 .../f52c90eff3e2193bd7b74a72235083c4.json     |   1 +
 .../f5495cdc69ce435d63bf94af956856ea.json     |   1 +
 .../f84cef2cb0a36deba768322658f737e0.json     |   1 +
 .../f9f86bd9a4de2e9cdd28f1329e497123.json     |   1 +
 .../01164b45ed982ddee09a079ef8b919f5.json     |   1 +
 .../015dd46844e7bcb2b5e508c650a1a1a9.json     |   1 +
 .../01dd6b8ecf3a1b432e083c18c75f2845.json     |   2 +-
 .../029e0b17cd533f07614ca1e2dd78397b.json     |   1 +
 .../02af3277b3661be3c44bcd80b1b3c7f9.json     |   1 +
 .../032b56d953edab73341359ef28b684ca.json     |   1 +
 .../032b7e6f3e7debe37cf2031315a7dda0.json     |   1 +
 .../0444f359cb44d9cbba7ea8758d630851.json     |   1 +
 .../049fbfe3ceb27bbea59fc0280efbdbdf.json     |   1 +
 .../051ebef1ea7808c7babadc026e71c2fd.json     |   1 +
 .../05c139738363732899ed4f0407a79618.json     |   1 +
 .../05e32dd37676cd1f943c1c1d266992d6.json     |   1 +
 .../074c4135e44e42952cf93a429db6f3ce.json     |   1 +
 .../079431a240df58926cdd7c163d9e9041.json     |   1 +
 .../08640a97b5d4616435fa35c2926da36c.json     |   2 +-
 .../092751cf82ab9c579d5be42ec76b0981.json     |   1 +
 .../0a42012df690278afec6481161566ff1.json     |   1 +
 .../0a5dbbc649f9bcb0dd356d0dd8fffcbe.json     |   1 +
 .../0b7d90ce0ee9d526b534a1f30893e714.json     |   1 +
 .../0c15bcab8a90b88d1b725339fd099254.json     |   1 +
 .../0c540e4c6386a82f2faa405719483eba.json     |   1 +
 .../0c75ca8c479c802bc98fbbdff1b2b785.json     |   2 +-
 .../0d060f88849c57f94251b7e69ddda29c.json     |   1 +
 .../0d414b4bda84175c9f6986f80b3cb3d2.json     |   1 +
 .../0d6f944823c26e28d7b0ed2888ece904.json     |   1 +
 .../0dbbc013ccffa8d4adcf882f3c41278d.json     |   1 +
 .../0e18f50e67e9c5bbddce3afec38e46d3.json     |   1 +
 .../0e43e3bda040f9152ae50453af5f7a56.json     |   1 +
 .../0e4e8cc8a40917db42717bb0a17f286b.json     |   2 +-
 .../0e9e3041e35a67d20c96a81f2b81d69e.json     |   1 +
 .../0f881e872eecfa34ce637f87e3e7b041.json     |   1 +
 .../0fa9d2e966ffba03512cd69a00e9b792.json     |   1 +
 .../0ff651fb2f27ec91eb0b14791ce443f3.json     |   1 +
 .../10029fd93fe48ce5dde82df1b7bdb756.json     |   1 +
 .../11952f7b75b054c93222007e588bddc4.json     |   1 +
 .../11c46b32283e74974ef156976d9820c9.json     |   1 +
 .../11f2eff406fab274722f500dfffbc844.json     |   1 +
 .../122c93fde77f69ed5aaecd463ddb91f0.json     |   1 +
 .../123c8ed2b700c8d9fe0eecb816965835.json     |   2 +-
 .../125f7e7449e5750b4967494ea2d92ed2.json     |   1 +
 .../12d5d511648ce69f40177be02d7b0a68.json     |   2 +-
 .../12e815b5b5a5c0660ac230c68e39779a.json     |   1 +
 .../1302b0e9907bdea7a5b608fe8b458b47.json     |   1 +
 .../132e5e90e8ee0f564e1e1fa7c220260c.json     |   1 +
 .../133c8a83d56387cc1661fdb85d18873c.json     |   1 +
 .../135ea1d1e9679e356f5fcb75a9f0692f.json     |   1 +
 .../13c6acd3ebd9ce00796de0721efb63f2.json     |   1 +
 .../13ca0150acc396bd85495f027905d0f1.json     |   1 +
 .../13e469944b82ac3e01d3f3a625c7a710.json     |   1 +
 .../13e931c2159af02411933f0fe4c5d17b.json     |   2 +-
 .../13ea40567e7bb874a3ae59ffaf434d12.json     |   2 +-
 .../140f49dd98ee70af5da24456aef7cd4d.json     |   2 +-
 .../150f21970f154825732c1019c0db42b9.json     |   1 +
 .../153163925a63fca91f5cbd5e5c9229ea.json     |   1 +
 .../1550b82e2ce4f4fec8f6b67c6bb46f6b.json     |   2 +-
 .../164b9b707640d7a011ffcd31c91ae2fc.json     |   2 +-
 .../165c645fd18f89ab3260a988a628c484.json     |   2 +-
 .../16899044252f063cb0574a43c7420b46.json     |   1 +
 .../169ba0036c75960e3e63654e5ca3ac1d.json     |   1 +
 .../16fb5beeaaf8232365d041ecc3a9a87a.json     |   1 +
 .../193bec021c7e9ef440221932c82ffdd1.json     |   1 +
 .../1960b414db182c380b925dbcc79e1abc.json     |   1 +
 .../1983e4754653d6ba0099abb6318f335f.json     |   2 +-
 .../19cda60c12baa4e1845ab1dda476bd37.json     |   1 +
 .../19d6a50d291e71c0a5d81e7f55e58f85.json     |   1 +
 .../19e2d99da9c012bce77559e68777d57c.json     |   1 +
 .../1a7138d69e900d51f2926da08245ed96.json     |   1 +
 .../1aed9560ca10107967c59d7deae4a234.json     |   1 +
 .../1b76cd02690cde561830757844f64826.json     |   1 +
 .../1c5afdab208ebc67444c28f38b2534dc.json     |   1 +
 .../1dabf6cb0df30b460ff0193271543407.json     |   2 +-
 .../1db891bcd75763e5d13bd70fa06c15b4.json     |   1 +
 .../1de61481d1d4be94aefe236ed47365d7.json     |   1 +
 .../1e6340d792a23f3043363a119993b7ee.json     |   1 +
 .../1f3c9645fb9ac444efd780f281ddd92d.json     |   1 +
 .../1f55e53aa91ab96c4bd1a78fa8455fd7.json     |   1 +
 .../1fef4081197265ec382f69034708e808.json     |   1 +
 .../2031a41730ad7cbdd0df5ab9d5acb341.json     |   2 +-
 .../2264a6478ea2ce8432fd2f55dc905e72.json     |   1 +
 .../22e224f80a27faee5267e9c71e156a0c.json     |   1 +
 .../2342e7d0c4e0d22baf5171dc7244ab95.json     |   1 +
 .../234e086d09a8cc4a97fea7a051785615.json     |   1 +
 .../23afe18120ddeac9b17afb14d4030dac.json     |   1 +
 .../241cbc12b8840c31eea16c7dc5c6f766.json     |   1 +
 .../246bb7f82cd5a50cd6622898978d7a9b.json     |   1 +
 .../24de90158b615f61fe968ad40e1e652a.json     |   1 +
 .../25199297d2a74a2fc94c0baea1621a82.json     |   2 +-
 .../260e7ad3c717d41e33b3240dd56f59d9.json     |   1 +
 .../26ae3ae68908b13f9417c31ab6570fde.json     |   1 +
 .../26ebdd13af4d844d3f2b9086f8545e3f.json     |   1 +
 .../26edf1953b1d123164df48fcd0268704.json     |   2 +-
 .../273685b93eeb7cb75324272d758bf90d.json     |   1 +
 .../27f3864f7621af591c0f103e63efed11.json     |   1 +
 .../285fb63c1bcc249a80a90594907658aa.json     |   1 +
 .../28bf0489cd4b21a5e985d5d0a988e477.json     |   2 +-
 .../28e91029b95091fa9a10e135e19283db.json     |   2 +-
 .../2a75b82eda5d613ef9fa15edd5bfa17c.json     |   1 +
 .../2b77260b416ebeb81d7a187566e4956c.json     |   1 +
 .../2bcbbc44d4d9f01f74c02dd516db30c2.json     |   1 +
 .../2d6e55ad00e3c4232c77967010248417.json     |   2 +-
 .../2e2fffbac0a85a2d23bb76815f4afec9.json     |   1 +
 .../2e61ea80469e98f3506193fed9972806.json     |   1 +
 .../2e7b1225466768fcbfc35f80e86f530b.json     |   1 +
 .../2efe1f726447fb46ef4df215083fcb6a.json     |   1 +
 .../2f13fddc348cfb9c6e448c3be099eb21.json     |   1 +
 .../2f41e60a67da23abf8664a9f6ed52924.json     |   1 +
 .../2f5bc7c10ec97971aa75f315d76057e0.json     |   1 +
 .../2ff923bbe4d2d2a7b2f59244f6c48381.json     |   1 +
 .../30266a85528f1e01c2cf38b4bb50aba9.json     |   1 +
 .../3058b825d75dc87eebdba8421f07285a.json     |   2 +-
 .../30600af1db701991f66e9d2c702652c7.json     |   2 +-
 .../312640321ed7cd448eb4c02d024e9690.json     |   1 +
 .../31a480c202c6d05e663bc45291db8de5.json     |   1 +
 .../321c28cdd5a7c2d6c31fcb1e3a9bc761.json     |   1 +
 .../325c04fc8daa0f3e43189b889f9b473e.json     |   1 +
 .../33c47ffeadedf9c8f678191b86ed5f80.json     |   1 +
 .../33caf5359e62cbeab18086fc9d03d0de.json     |   2 +-
 .../3416c9471034494d7e254b6c2970537a.json     |   1 +
 .../35f1c05b472573a4b4ea5e4e72259cfb.json     |   1 +
 .../3643f3c8bf51d57e2f951ba046af5a03.json     |   1 +
 .../367509062eafc171993de0fd37cb121e.json     |   1 +
 .../368b5df4ccb4a3ed1a14c540d175fef0.json     |   1 +
 .../36ae8fb27deeb8fa535a9f10d6e0a456.json     |   1 +
 .../36e64493a96c622c8a7b92426182b9cc.json     |   1 +
 .../36e6e340febe12100bf03f51f76d6eb7.json     |   1 +
 .../3794c87bf74c640b6bcaf8258162eed9.json     |   1 +
 .../3899dafd6882b24960f70ad8e644da84.json     |   1 +
 .../38a250ca5651034388057094b811ae39.json     |   1 +
 .../38d93eb3d4d65beabaadc952d6c84ffb.json     |   2 +-
 .../38fb5db1675d5bdc034eebf800e006b7.json     |   1 +
 .../399b8e5ddf2dbfab3d54728e80f9835a.json     |   1 +
 .../39a947f82f9b613d1ba015e5966f58fd.json     |   1 +
 .../39d094b33d12f4cff30e844b50ffa61c.json     |   1 +
 .../3a0284f9590669dc5a3333e1d439d18a.json     |   1 +
 .../3a82e3eb88f5ef8a2996b387e9e29f6f.json     |   1 +
 .../3ad53804c256c51f2566a490bcc731eb.json     |   2 +-
 .../3ae1358de917ff44c4b7fb4100e91671.json     |   2 +-
 .../3b7393db75d5a666430f9e56f699af3b.json     |   1 +
 .../3b9d08d4325e022afa093f1658ba8f0f.json     |   1 +
 .../3c2d499e0fb104315d952cca942c9e90.json     |   1 +
 .../3c430389eb2b109ba44f4ba444f2620b.json     |   1 +
 .../3d0f068b2b992fc115e54a1ee23d1a7d.json     |   1 +
 .../3d5b9785a4aaf8b0b9305fcfca4e58fb.json     |   1 +
 .../3d8073fb8b21785e686e19b3e379b775.json     |   2 +-
 .../3d8d0f0a9ed2264dd3c470387525c6c3.json     |   2 +-
 .../3d949813b79867fbc1cb2d6477273731.json     |   1 +
 .../3d9f90c0925d36cb366edc4482a16b69.json     |   1 +
 .../3db42fcf94717b253cc297ea560d3208.json     |   1 +
 .../3dede4b926af8af621ec4b1dea41b7a3.json     |   1 +
 .../3e94a8bf7607967382d8b28ab0384749.json     |   2 +-
 .../3eacaabfd3cf5e6a5192143c5744b19b.json     |   1 +
 .../3f3a0f9c9caabfc616efa946bb6079e5.json     |   1 +
 .../3fb24bdd8c062f596609a9ec8df507d4.json     |   1 +
 .../3fd23c4e8e7df51d310f9d49498c0911.json     |   1 +
 .../404b7f421794091d68bbd7277183126d.json     |   2 +-
 .../407d379208951187bdbf5a31be406230.json     |   1 +
 .../40afa231d3ca7695bc91ae7ef74d431f.json     |   1 +
 .../40b620fd8f71e4bf31617a748107efca.json     |   1 +
 .../41178a927be8b5319596177d1760cf89.json     |   1 +
 .../4160eb5436bbfa68aa6f4c836c99908e.json     |   1 +
 .../41e29bc8abf4e87d6db490a3f650b9a2.json     |   1 +
 .../421c6f32b207472c41123f308dfbed8f.json     |   1 +
 .../4278504b8bb3396a57342efaa314fca5.json     |   1 +
 .../42bdb31be0d1df3549c59c455c1d0110.json     |   1 +
 .../430c7c17fbe1d110b17bf5180f1b4a42.json     |   1 +
 .../4342ab7e663d1bd9cff56bff8a7d8063.json     |   1 +
 .../439ce1382e6b882d352ea76fde62fc6c.json     |   1 +
 .../43b0980f917bde6b3071caef3f75b6fa.json     |   2 +-
 .../44328acf17a70c8364e7f58269d02f36.json     |   1 +
 .../445956517eca7bbc7a13b02e3f983446.json     |   1 +
 .../446dd02230c2d8029a4d56f9096370c5.json     |   1 +
 .../45a2dacae318fcea212259e7c17fa8d7.json     |   1 +
 .../45ba71e9833985e031eeef728a87fd98.json     |   2 +-
 .../45d23b614ac2e6145edd85097dbe56d7.json     |   1 +
 .../45ed2bd78b89e39dbaffc9ae99ef3d27.json     |   1 +
 .../463762da79337ea73a2d898c9b9d1252.json     |   1 +
 .../4648b15d794e20505b5c936f863dea5e.json     |   1 +
 .../46b2d9bcf02d0da870ceb7bc51982ad8.json     |   1 +
 .../474c744adbb7320cb88d9464b6910cab.json     |   1 +
 .../4773de0b63f80d7f8915b463201501d9.json     |   1 +
 .../4775fe6c1205c59a0d625a87502e7a24.json     |   1 +
 .../48e6b7dcbab0db029e9d2206ec886b39.json     |   1 +
 .../48fc2651feb79bedc9d01853ed84f4e0.json     |   2 +-
 .../4900345edcbeb465069c0ee79ceb3fd6.json     |   1 +
 .../4914af53a44b37838be876e2f5026b0f.json     |   1 +
 .../4a944bc25afe10b4d34e170fc6e30d09.json     |   1 +
 .../4abd195995ea2fe6a767ad73ca84b9e4.json     |   1 +
 .../4bd8e1cd2d2f5d80b42c534c688e21b8.json     |   1 +
 .../4bf78feb733106962ee856354cf7bcaa.json     |   1 +
 .../4cdbd80a6584efb1d9bdd53fa1f00042.json     |   1 +
 .../4ceb91be1a4da3875a1e72bfb28c0df2.json     |   1 +
 .../4cfffa060db20f7266d1f7ae449cc7af.json     |   1 +
 .../4d086bd71ba223d327b11235018944af.json     |   2 +-
 .../4d963457c43a7051869ac49e302247db.json     |   1 +
 .../4f45100ce6a786db2858454fed74b006.json     |   1 +
 .../4f486e91c6fb3647c131caac474899a6.json     |   1 +
 .../4fdc31899a1059e9bbbc20815b61cf80.json     |   1 +
 .../5047d5206e65c90f3972de8add0bc412.json     |   1 +
 .../50f8185de1b0d2bea5daae268d78fba5.json     |   2 +-
 .../511d2c48c6e4dcea480a4efd23164f34.json     |   1 +
 .../5128acae26fab9e08f2645193a8dfeb8.json     |   2 +-
 .../51c4a4f0afd88ea99cf3e3a296351df7.json     |   1 +
 .../52736565f7dc616f603ea72c8823806a.json     |   1 +
 .../528010fa5bdecaeff5b6c2ad389fbb5e.json     |   1 +
 .../52c4760b30ea7d91e086f344ea1086e0.json     |   1 +
 .../52ec80f4803ab8d9dfb17bc3eb85826a.json     |   1 +
 .../53278f61b3a734e2f0112fca2cb5649b.json     |   1 +
 .../5330379c7f5dc48b082dffff02c2caa5.json     |   1 +
 .../5359e23297ea99b2c681612de39818e0.json     |   1 +
 .../535bf1b6f644ecf9dce8c15cb55cd489.json     |   1 +
 .../539b85d0ead19115db37c08aa6121e10.json     |   1 +
 .../53fcd5e15177dbb8ee951512753dc9a1.json     |   1 +
 .../54c00b327d95ef2953150ee13d3076ea.json     |   1 +
 .../54d39e3780e431aa935f4ababa9bccfd.json     |   1 +
 .../54d9769fb954facfcfc9df33f790d226.json     |   1 +
 .../55502dba486983b0725a6f7441a076e4.json     |   1 +
 .../558893975fc01deb20977249d315f5c7.json     |   2 +-
 .../5589c68e0d8455ec4387f541fd1f9680.json     |   2 +-
 .../55925d53553ddb4ed658cbb9f111bf3a.json     |   1 +
 .../57dac704992228778b7025706631fa9b.json     |   1 +
 .../5849444827f9bd87fe4020582dffa9bf.json     |   1 +
 .../586b19d73bcd1fe6f53e512485978061.json     |   1 +
 .../58a92f7e8cc528b1025e227dc10aa21e.json     |   1 +
 .../5ac31694d5d7fc81c55e35339421c168.json     |   1 +
 .../5c76ed114bc12d666f0959a8c99ad806.json     |   2 +-
 .../5c80932a6517033ed7e35b7cdb99ace7.json     |   1 +
 .../5ca4fa5f429ff18aff8587e091f7a577.json     |   1 +
 .../5cba200940587d9bd75fd35e220dd8a5.json     |   1 +
 .../5cd0f61f2fba25ed9512cb397438bb2e.json     |   1 +
 .../5d44474f3ab8ada1760f468bb9a51750.json     |   1 +
 .../5dd12398dba01fde993a8a159a0812c0.json     |   1 +
 .../5e0638f71952cdb2077ba6aa149fef2a.json     |   1 +
 .../5f4e682be1bea50bbd79f955bbb232dd.json     |   1 +
 .../6004f1273df4b2a3e6cf0ada5de0a01e.json     |   1 +
 .../60ef304172256453b77bca4e4a2a6a3e.json     |   2 +-
 .../60f478364cd2956143c91148a3d60403.json     |   2 +-
 .../61059d402d04b9560e001098a4de54af.json     |   1 +
 .../61345bcffc900404f503db78b73b6351.json     |   1 +
 .../614b57551472e3d940393f37f2c7ccb6.json     |   1 +
 .../617b42173439d0aec3a0f9d33988f2a7.json     |   1 +
 .../61fb4e73b268bb945edff25f1dc7b9fe.json     |   1 +
 .../631bba56d49cb95557253f441a387fc5.json     |   1 +
 .../63735bb0092220ad3dbebb33d24459af.json     |   2 +-
 .../6449202e5013e3f51ea21833c4576eec.json     |   1 +
 .../64f1a4b5df372d79d975c6af3a833e55.json     |   1 +
 .../657c76c0588afe8c852365ddec5d7e91.json     |   1 +
 .../65afd6fe9dafd3e56d98bfcb4f56a83a.json     |   1 +
 .../65d55dd35814ba2bfa510f609a4a31b0.json     |   1 +
 .../677ba30e4a6799fc0ea37274a95b74a6.json     |   2 +-
 .../67f3ef17fab17649b5f4073ada2ad674.json     |   1 +
 .../68592f932eafcef196c3271bcffed321.json     |   1 +
 .../68d8ee29229bc040e047e77431007333.json     |   1 +
 .../6922363cac886cf7d86415e7a894bec8.json     |   1 +
 .../69fe8cd56be91f540214ea3baf505c55.json     |   2 +-
 .../6a31d01ddccbe978fbe9ef83dbea41d7.json     |   1 +
 .../6a5d937e56ba929ceef7c5f48c9d5f1b.json     |   1 +
 .../6aff711dcbd0a02ad9151794a0a8156c.json     |   1 +
 .../6b240cb190d180dd2f9540d1a683939a.json     |   1 +
 .../6c09b8ebafcdea233536ccbcdfc13ec5.json     |   2 +-
 .../6d4ab908eddd92072f6ee3d74ee3aac2.json     |   1 +
 .../6eccec28083ab04ed78e6b119c962a90.json     |   1 +
 .../6ed02b6d805d12c3395c88b28d69d827.json     |   1 +
 .../6ed2dde09af972079108e1c6174e93c6.json     |   1 +
 .../6eeb133ec3bbdbe33b21a09bec1f10af.json     |   1 +
 .../6f1ce48714615d9298d115867e60dcbf.json     |   1 +
 .../6f596b7c2e2c3480d36eddbbd0e6c687.json     |   2 +-
 .../6f7c67a93a07ba35de89e01896d10eca.json     |   1 +
 .../6f9b3223c10d1d7962461be993d22b1b.json     |   2 +-
 .../714eea2e01c2371c21587752f3593936.json     |   1 +
 .../71de7293b11a4f90f1df9f1269fc39c7.json     |   2 +-
 .../720623454709e42505421da23092a943.json     |   1 +
 .../726e3f855ed12836303832265c1ea7a3.json     |   1 +
 .../72d7fbc3d9b4c2e6b7f8b1f0d33c4283.json     |   1 +
 .../732205da9e2fa578b6c12511c26f15bc.json     |   2 +-
 .../7347f8e55020e5887ca90435c82a6562.json     |   1 +
 .../738c323ffa2e1ac1f905c4cdd9d590d4.json     |   1 +
 .../7399ea9e7e7dfd6e4d1d9182a2424748.json     |   1 +
 .../739fa4f94ea060983854abf97c674e7d.json     |   2 +-
 .../75557387c2b936ff436220ae0a98a03a.json     |   1 +
 .../756f40e9ab73ccb6c1d62bac3e90a120.json     |   1 +
 .../7586477f1a3b7a5b9e0b0b174e8323ad.json     |   1 +
 .../766995ac3c74c2189c962a2f889c248b.json     |   1 +
 .../76a562876fefbace38649d4036840a81.json     |   1 +
 .../76ef25320f80988f78ceaff493b223ce.json     |   2 +-
 .../784212f8b0471d9d827038b2f66912b2.json     |   2 +-
 .../7934be9a2802bf0d5f8bc3251549bbbf.json     |   1 +
 .../798f5ae7ba3af76fe413cdbfe7a7f997.json     |   1 +
 .../79d7b51638b9947658b4d01ff79439bf.json     |   1 +
 .../7a1d5f4fb7da9c451f569b2ea9e4218b.json     |   1 +
 .../7af613dc8a52727e626bec4cfbc1d7cf.json     |   1 +
 .../7b9937dbeab3e19eea49e7ecb887c6de.json     |   2 +-
 .../7c4454538147a2ae5fb38d6cacf0a40b.json     |   1 +
 .../7c5bbed3c5083e20e9cbc8c5ee8dc206.json     |   1 +
 .../7ce4774c98d224b8b7cfdca1eede2b7e.json     |   1 +
 .../7cecbcccd53d31cc0cc3080825a08a6a.json     |   1 +
 .../7d30ebbc8b18861342ee01e412b26a9a.json     |   1 +
 .../7dc6ff99bd1e8e2b05c6634005e3f062.json     |   1 +
 .../7dcba67983f060dd6fe417c57351d0a6.json     |   1 +
 .../7e56095ab96648a49d5e8907077473be.json     |   1 +
 .../7e6ef74193d634ab826912dbc395cac0.json     |   1 +
 .../7eb70cfa507c901b4e147b36b1532f28.json     |   1 +
 .../7ef9ad0db540a04284eccd60bb8300b7.json     |   1 +
 .../7f54ed98dba77ca750cfaa54658d58e4.json     |   1 +
 .../7f88429d8aa9f6f5332c6a82009ab9f5.json     |   1 +
 .../7f9a1f9a7cd70a5c71adeb173e4d275a.json     |   1 +
 .../7fa768c440781edf23f520aca53c6187.json     |   1 +
 .../7fe46a216c1878e9f0bcb1bc70fa4ed4.json     |   1 +
 .../8029c8a165e1e28b0e00ae33e014e40b.json     |   1 +
 .../819e6d42f0afb88c36ed86f3e1c78e0a.json     |   2 +-
 .../82149add26d6a27e6db8f201de52a303.json     |   1 +
 .../82bc24679624d5ed0fe4f368a8f8d403.json     |   2 +-
 .../8302e5050aca1d9091d0a6a23ba9e48f.json     |   1 +
 .../83d51958d99e3b422d1fe0163cdef0cd.json     |   1 +
 .../84910f6b81ccc4d11cec5a8a50cae68f.json     |   1 +
 .../84db535bd9f2446264d431bb57efd9df.json     |   1 +
 .../86704200fa27cab9e60b0ccd4ad730de.json     |   1 +
 .../867d9a50ebf5b1a6c0458862227ce324.json     |   1 +
 .../8766d4ec13a1da830c96d96b1fc4b74e.json     |   1 +
 .../87e1ca000fc03c1bd7d04d3b5635dd32.json     |   1 +
 .../8811f9c41f20348d5438665e74812852.json     |   1 +
 .../888e73d99853e5738ce52eddee4d68d3.json     |   2 +-
 .../8899945a8468b784fd602cdcfb6a4542.json     |   1 +
 .../8a50fa0d863bb1eaef69c893200eef5a.json     |   1 +
 .../8a734cdf651a967aada7fbcef3523f93.json     |   1 +
 .../8b8a47eb08d21233e0235316a3de2089.json     |   1 +
 .../8bb77c98dc48e7f289b2184fe26017b3.json     |   1 +
 .../8bc36e3c532261f9d14a2b59d50a4dd5.json     |   1 +
 .../8da4bf3ec0db6cf585403f62643b636b.json     |   1 +
 .../8df0dadfd75a003f4d17dba2fdea4d33.json     |   1 +
 .../8f4b3bf5357f1f737d8fc8273c0a3048.json     |   2 +-
 .../8f72f040fee70bbb67c6c09affdafc6f.json     |   1 +
 .../8fe0af619b18e18b8e820c491a6f8eb8.json     |   1 +
 .../901a6a3eb17d42106836988c764bf38d.json     |   1 +
 .../903a77a8476f8bc362c7b066191cf4f0.json     |   1 +
 .../90b40af5fcff610a5af3919436c9dbd4.json     |   1 +
 .../90c896ca36ae15ab176a3a19f07d2823.json     |   1 +
 .../917e70d2ca807e0a3f9b9fa376f5ba8c.json     |   1 +
 .../91b568b016377ef75ab2f6d4a3dfb131.json     |   1 +
 .../921c2b1b9989b471562d5f2fa9d95c2e.json     |   2 +-
 .../923023aa2f6ecd7dd57c44371fa7af48.json     |   1 +
 .../92c6e2a87c62a514489f258139af87f0.json     |   1 +
 .../9344c563d10757388b07ee1c87844447.json     |   1 +
 .../9356e71540163a3baa9062c4a8ca99c3.json     |   1 +
 .../93655c47961988da1bc827fd215731c2.json     |   1 +
 .../94a70ee8401415eabb3da9d47191e19b.json     |   1 +
 .../950e9e2660949d5d66e0e5fa136a67d2.json     |   1 +
 .../95267f50c0540610508be79421c4037b.json     |   1 +
 .../9558e2b67779fff541e87cd011774b98.json     |   2 +-
 .../95e1193686142cbba4073e66821e259c.json     |   2 +-
 .../966225c88332b8b7ec1ad2bc86863546.json     |   1 +
 .../967696e0785a7c41f8951782d6b92831.json     |   1 +
 .../96b1f0e782661148478963d01ec01ee5.json     |   1 +
 .../96b5e728e4d52e2268fa486839ccee2e.json     |   1 +
 .../97bdb64a5c90d9cf0a66927db585d12c.json     |   1 +
 .../97edc5cc9d9678106f453c0d3ab2dea2.json     |   2 +-
 .../98acc09935667d87ac5c458cf3449b2d.json     |   1 +
 .../98c86dfccd725085b901b627ea5d5fb8.json     |   1 +
 .../994829afc51faced6608ceef73723fb8.json     |   1 +
 .../9958726eaed4b6eb4445ba4c3c444f09.json     |   2 +-
 .../999075534d17bde7236f12de8a1dd14e.json     |   2 +-
 .../9a0677ed8fbe1946b4ba77225ed7f6b7.json     |   1 +
 .../9a0a855a45995a725efdcc02a6e94216.json     |   2 +-
 .../9a6f4f8f5bcea023d385a5f815314517.json     |   1 +
 .../9acb66b58dce06bd891fb1eaebfbbc57.json     |   1 +
 .../9ad8301f618341bab3b36719d38d4161.json     |   1 +
 .../9b28dc4238b7b1a6ec0f883a87df0533.json     |   1 +
 .../9b2b071a771eb31a7da70d752319286f.json     |   1 +
 .../9b562cc7b676bdaf724799e6745ee272.json     |   2 +-
 .../9b8a3389ac7a6d0ef8883f209f5c1ac9.json     |   1 +
 .../9c5972e685cd63b49f0795a97a697bb2.json     |   1 +
 .../9d69f9c5e99d2e1fb6cbfdc8d973004d.json     |   1 +
 .../9e18d9de4c98a358c0a84648f5c201e7.json     |   1 +
 .../9e4d9d18e84d5a8631d25c2871ddfae0.json     |   1 +
 .../9f1b80ba5521148e1893ccf21d65f568.json     |   1 +
 .../a02cb571285a724ac0097915feeb30bb.json     |   1 +
 .../a0fbebdb1a63a8dbf23c187713e4ccf6.json     |   1 +
 .../a11409b9aad03e8334000c390e237f42.json     |   1 +
 .../a192ac8293330fbd00707addb69b0515.json     |   1 +
 .../a1ed1aa9307d323c7ec38f51f528b4da.json     |   2 +-
 .../a24e3b4ef19e1897a5f4b3c2b45b878e.json     |   1 +
 .../a2de420de6f2deefeb75c001754e59e0.json     |   1 +
 .../a2e72658e81b64af4a79d2b6df0d9d5b.json     |   1 +
 .../a30da69fc762d3a77f487e03b25b18ae.json     |   1 +
 .../a33ff669825da5efdfb5892a04fae217.json     |   2 +-
 .../a371e60d1f30ea2cafce177f900eabeb.json     |   1 +
 .../a3cd72b7ae32e9bab253f129976de2bc.json     |   2 +-
 .../a3d00b636c3b06108519b55b30e3f962.json     |   1 +
 .../a4063479d8d547826d8946fca249edbd.json     |   1 +
 .../a409af24f39de7629659766c0df95b49.json     |   1 +
 .../a45d44cb17fc91e7f838d3d7886e3727.json     |   1 +
 .../a4eaaa2ab0aad1ea825089c718a3a122.json     |   1 +
 .../a539d9eb9707378fe3f878803c2b4c01.json     |   1 +
 .../a565f3cca1fca2495ccf33515d5acb38.json     |   1 +
 .../a5a59a84a187daf95bd7537d4996b51c.json     |   1 +
 .../a5d8945eac02c1fbeade219b186db73d.json     |   1 +
 .../a5f0154e362fc7f68c6bd18453a84fe3.json     |   1 +
 .../a73fb71bd035dc8f6998c4299f4d66cf.json     |   1 +
 .../a7437d02bd0e12b1e86a34fea821c7c9.json     |   2 +-
 .../a8e59cf720721c92b1525eedfce95256.json     |   1 +
 .../a911626be17c7f42d7efd310191b3afd.json     |   1 +
 .../a91ca7fa7947a0b41ff7aeb9d6ccaee1.json     |   2 +-
 .../a99a2bba7bf62e8ea8cb0c5444625047.json     |   2 +-
 .../aabf73796bd8671b402d52fdae2c121e.json     |   1 +
 .../aaf249ab16370648eb33823bfcf3daae.json     |   1 +
 .../ab9d9bcf55666555c5d8a3a54adcbcda.json     |   1 +
 .../aba909f0ed0574f52d5212fb113773d0.json     |   1 +
 .../abf27745e885e4b922890c57e5144faa.json     |   1 +
 .../ac5c164ac342dbde21fc19ce715fcfa2.json     |   1 +
 .../acd7c66f410967f11e6af91daf354d2b.json     |   1 +
 .../ad304956270f859ae9699c5aca365b1c.json     |   1 +
 .../ad6f12668e0e5ba39d36d465e697cdf8.json     |   1 +
 .../adddf4e7b2a4d974a736a1af125ed340.json     |   1 +
 .../ae20ab78d3d7188d1d7583d4bfbc8b05.json     |   1 +
 .../aeb6f4e2642015ea650cbb1b0b9f9a76.json     |   1 +
 .../aec17069c0cc24fc8fec7da0d413cb6e.json     |   1 +
 .../af1892998bea46a39edafa39f416cd95.json     |   2 +-
 .../af7ac203e4a3d6ad339a7c323084fb0f.json     |   1 +
 .../b03fa30f19c64a7aa0328c71acbb21d5.json     |   2 +-
 .../b0c5e7905b9899163db1a5d3ccf4a2e6.json     |   1 +
 .../b0ddb3d09a0296e4bada4a5c176e9d49.json     |   1 +
 .../b1ca213e4621c1abb20e1c5855af23f0.json     |   1 +
 .../b1ddf1b875679227ef19b8b6fb6d0ba1.json     |   1 +
 .../b1e9e65e82cd76727b199493a1897f8c.json     |   1 +
 .../b33d563be7e8bab00f7b2b3ae5ffa788.json     |   2 +-
 .../b346d8f806dc1df329cf5d30d7a35a52.json     |   1 +
 .../b3ef738cc208b45d5cae5da9807fb6d3.json     |   2 +-
 .../b42c160d46c4f83d2d9d8b3855ee72ea.json     |   2 +-
 .../b51108366f89898af071424d71606bba.json     |   1 +
 .../b54197de6c4c50dc91acbbe6684b4f9e.json     |   1 +
 .../b569e806147251f1223c47ac7416bffa.json     |   1 +
 .../b5af6869c8296bb22b0027306289fd34.json     |   2 +-
 .../b5f554cc81b89fa3c345f3b4b0ff4490.json     |   1 +
 .../b60cc899c520019357f453e2e813ee96.json     |   1 +
 .../b60fdd67ff2ff5a4a015407171e8ad47.json     |   1 +
 .../b67e6528e6ef9c5d987eabe7b2dc090b.json     |   2 +-
 .../b6bea3dd83753b0cf9dd84d413dbad2d.json     |   1 +
 .../b71eb197739f4d411a4831b58ade2a6a.json     |   1 +
 .../b7715a2314eff66add55a6e8ed92731c.json     |   2 +-
 .../b93ef8eb929b8dabccae63849b4b15cb.json     |   1 +
 .../babc4672b66c1d4c8d0a31fa93c72a7a.json     |   1 +
 .../bb9de6af13527e3c348e20f9f32e51fa.json     |   1 +
 .../bbcd06b1f3a02a27e7c5cc0f8943232c.json     |   1 +
 .../bc714182f9bff81c055e972fac715f21.json     |   2 +-
 .../bca24f1daf5cd030c0cadf11910f26a7.json     |   1 +
 .../bdc3d92927aed5403c78b3b41d89ace9.json     |   1 +
 .../be4b0e3327d0687647f79bc83db37ba9.json     |   1 +
 .../be5152d407d87fac5fa199b867bf3438.json     |   1 +
 .../bf14ce2358b1c134d63d9826abe45075.json     |   1 +
 .../bf6aef07752266818b84c1c52183bc85.json     |   2 +-
 .../c0007ec2dd165181cabc0f366bccbf4a.json     |   1 +
 .../c00835f8a55cdbd7276e7a954c3bd911.json     |   1 +
 .../c02237636778512c9dc74951ec46c65f.json     |   1 +
 .../c05c2350e0561ffeab75f1a04fc7851a.json     |   2 +-
 .../c14fb8db1d51f2093d9756ba5a527105.json     |   1 +
 .../c1968f10ee118dc436ab5d95b3395e01.json     |   1 +
 .../c1a86efd42876adb12688f3467d043b4.json     |   1 +
 .../c30ce9a7e71b783b590c823bd0e40a1c.json     |   2 +-
 .../c33ea35a2fe56cd3cbbc507d9055a87c.json     |   2 +-
 .../c3c2b2f1386bee366d21ee0dc0f45e38.json     |   1 +
 .../c4568c56d3623aa1cd4c64fdcfa00f1d.json     |   1 +
 .../c52bb00013344a2200416f7b7e744117.json     |   1 +
 .../c560385484219a71bb9500a6fd9cee3b.json     |   1 +
 .../c607edf60027a75cda574dc07ff46576.json     |   2 +-
 .../c60ac8ae4c06170f17f41b7ab1215170.json     |   1 +
 .../c675aedc49b63329181ac1d570852732.json     |   1 +
 .../c7665ae2c9c88fa94c58b4b86b5b86a7.json     |   1 +
 .../c787454daf20ae4592412da806307a2d.json     |   1 +
 .../c800323fcdaf8d7c35a9981b885fbcd6.json     |   1 +
 .../c823e22d9b6c3800a335e356911bcbb1.json     |   1 +
 .../c8574e27a80a4b7c84b726838b71af5a.json     |   1 +
 .../c8fb5ad86f91ccdc1aaf6b9e225fc3f1.json     |   1 +
 .../ca1c0905f56a754b4135e545509b286b.json     |   1 +
 .../ca26c217d90bf7ffd626a3ff11e4ad03.json     |   1 +
 .../cab1063901647b27ac4f32d86dbe3504.json     |   1 +
 .../cad1bcf2a7a68e0324fb8e3add523f38.json     |   1 +
 .../cb26a9752de3ace846e0d51ee2ff421e.json     |   1 +
 .../cb66f740614a786e1943478db837b6c7.json     |   1 +
 .../cbb81d5b3a05d16a2f2c69a9f88ad5e0.json     |   1 +
 .../cc156cf36b8141c7e65ae12b1e28b6b1.json     |   1 +
 .../cc75f4c084ebe33a88fef43182f661cf.json     |   1 +
 .../ccc4de7a82285fe5b654b59568e230a1.json     |   1 +
 .../ccebc64566042e31d70f60a4f67bc85c.json     |   1 +
 .../ce4c9c98dd01e2586ab7036c64eea925.json     |   1 +
 .../ce7657075fcf0b8dbbbd0e3303168345.json     |   2 +-
 .../cf2aa013ced808846e69f0cfa0649b8b.json     |   2 +-
 .../d09718c1fbea0f729bb9636802f6ab6c.json     |   1 +
 .../d0be59e7f2b4deeb15ea9cd19c681b40.json     |   1 +
 .../d0f39c579e7640a24da0c9c3746227a4.json     |   1 +
 .../d14dce2799b1cc7692ee3e10b52fd850.json     |   1 +
 .../d15460ab7c39aedc6979309d1c7e4446.json     |   1 +
 .../d19c4481061a42f91edf2f934d604c6c.json     |   1 +
 .../d20360d0733a1c923c5250a731b89444.json     |   1 +
 .../d2546534ae5677a8e58b60df59c2c2c4.json     |   1 +
 .../d2755d56fcffb765e6437621a1a9ab80.json     |   2 +-
 .../d290f4ec75d18c9516a87dfba0929c13.json     |   2 +-
 .../d2c29f7c0eb4f3e8640ba2b13932a968.json     |   1 +
 .../d3696e2a0d8d8a46da19996b2fffd893.json     |   1 +
 .../d4f0bbba8488845030a492d533b27a3b.json     |   2 +-
 .../d53ce51196aa7456510c30d018ba98a1.json     |   2 +-
 .../d6001801b5ed18882a9a824d8bcbb0a1.json     |   1 +
 .../d706866fc0eb47a1afa1670012e7dfca.json     |   2 +-
 .../d7685f939025040f550be6acb6ef4b64.json     |   1 +
 .../d78f9392eda9b2c14cdac9f588123cda.json     |   1 +
 .../d7d909fd5506e13d80ec599d223a15b3.json     |   1 +
 .../d812017ba8ada72050836ec85e3c413e.json     |   1 +
 .../d96c20722cf02a59c1b67ec6b1f71686.json     |   1 +
 .../d9b817f0b6644a18e18e591737168a03.json     |   2 +-
 .../d9f23e596626f4ac424e529f7bb38b60.json     |   2 +-
 .../da167ba33f0897cf7f784fea1ea87558.json     |   1 +
 .../da2d492bcb392c53537145d0bc9a846e.json     |   1 +
 .../da59c6ae3a7bea49ae9de3ad8f556b3a.json     |   1 +
 .../db28a937131b5f47fa4f2e94faf990c6.json     |   1 +
 .../dba064cace80b8dc6f59cc7452c10932.json     |   1 +
 .../dbf8f8e5cce43f08bddf587acabfa273.json     |   1 +
 .../dc0590e57bf95c10b7441f4e4ff9a26d.json     |   1 +
 .../dd72b2a411e8d3606c94a28768546399.json     |   2 +-
 .../de4b9b155c1cd384b9ba530087ead28a.json     |   1 +
 .../de4fdbd6e9819556c7aa92b38ebb6e09.json     |   1 +
 .../df6fb63dfa7b3c7929acb6d3e7f0dc73.json     |   1 +
 .../df7945ddd3315b0d71ec8b920373c60e.json     |   2 +-
 .../df9acbf878f514f33344088a18e54a84.json     |   1 +
 .../dfccd7340a6a87297918ac0209cbdac0.json     |   1 +
 .../e03eb3db217dd86eef48699b83376e84.json     |   1 +
 .../e08537a54c11bfd05175c2834bd6f801.json     |   1 +
 .../e0bd09024fe0d51602edd7d6fb63f91b.json     |   1 +
 .../e0d51b5917c7839387531588375efbfe.json     |   1 +
 .../e15b5bb2145b37a9a69352e789d8c5d1.json     |   1 +
 .../e196a54f0094e8e7b3ce88c610df88f8.json     |   1 +
 .../e1abcc1adb10a7e4891e4a2f99c71b94.json     |   1 +
 .../e20d1acf40a75579a8c97f18400b4877.json     |   1 +
 .../e2e8b3a09bf892e2b361d72c024c2b1e.json     |   1 +
 .../e3158c19bf0609432f20c8b44e47a563.json     |   2 +-
 .../e33cf8d3e16fc21172d3a1a721122740.json     |   2 +-
 .../e4287693e3ce062bc00d82c4dba0b7df.json     |   1 +
 .../e4c28338ee1d266558675857481a2491.json     |   1 +
 .../e52943495f33ae18ef8e7e9ad2c26a29.json     |   2 +-
 .../e540293529856a16532f6b605f5be66d.json     |   1 +
 .../e54acb66e646dfd69c4091e67cd63e8c.json     |   1 +
 .../e5c02132f91145b4f283fbabeeb68635.json     |   1 +
 .../e5edb3a9a5a72754ee8f86c68fd31bb5.json     |   1 +
 .../e60e3ed41bbf230f11f922d7a19e6790.json     |   1 +
 .../e6196d40ba9405f3c1d1f43ba4d50318.json     |   1 +
 .../e64fd25bc62880e4e1762d1ec134cdb5.json     |   2 +-
 .../e8d6acebc8682447a63916f9c8ada2ae.json     |   1 +
 .../e940c7bce6fada6ad75967d24aa12368.json     |   1 +
 .../ea4ab10bb5d530cdbce5edaeac06de5d.json     |   1 +
 .../ea89c97c7b24387263ae564f95acfb59.json     |   1 +
 .../ead1752b7893c9514f7a03894d364814.json     |   1 +
 .../eadb5cb94c0a673c220c1a479e9b7ecc.json     |   2 +-
 .../eb16eef906ef85f19a4488304cfab1c2.json     |   1 +
 .../eb1e1dd8da1b5c269e7e17840816a90d.json     |   1 +
 .../eb35602de1b7e6c6c47108917c6da4bd.json     |   1 +
 .../ebbd9c71612406449faa127d265f28b8.json     |   1 +
 .../ebd333b2adb8fc0288f398b72993e627.json     |   1 +
 .../ec2f9db9292448f1bbbf743b78674037.json     |   2 +-
 .../ec35909c0ac4665ccd15b9642a4e9b10.json     |   1 +
 .../ec56190463336d1210ec9ecf40895277.json     |   1 +
 .../ed56cab3a296b53199f385647e0d63d0.json     |   1 +
 .../ed6af5cff7d6a44ab8839a62e89cf625.json     |   1 +
 .../ed83174a216599772ffddb47d7aa32f7.json     |   2 +-
 .../edc8aa65b36394f987c341341f38f31b.json     |   1 +
 .../edcf31ca7cbb9e3fc0c404ca28c42371.json     |   1 +
 .../ee2eedd7f606fbeb031f5e54cf7dcde6.json     |   1 +
 .../ee98cc4bb8eebc9ffcf910ebb4182eb0.json     |   1 +
 .../ee9941371ea6b015ac43ea701d4e2c6e.json     |   1 +
 .../efee434367d1a0a55410ef709166f474.json     |   1 +
 .../f01be22257b6b97427e6b9751adb56b3.json     |   1 +
 .../f020d234826012cb63146505301d601e.json     |   2 +-
 .../f1518ec91e4b279a13cbee9722f7cb73.json     |   2 +-
 .../f1aa769a2c4058984a810d257e09bfe6.json     |   1 +
 .../f1c0dd365e88f3c5bde6050c6ed7cb3a.json     |   1 +
 .../f23654fe1256fdc0e9d498764f68ea34.json     |   1 +
 .../f25d1ac1e3dafc9889cf038697486fb7.json     |   1 +
 .../f483d27b25e76607e33996fb938e5fe8.json     |   1 +
 .../f48668125149fb765be63a41b3b5fc3c.json     |   1 +
 .../f494eef66a5e74449063d8442540bfed.json     |   1 +
 .../f4c1eb0448fef3fb0d6835c37cf4af9b.json     |   2 +-
 .../f55816ffd4937a0ee9a6d935ea26470e.json     |   1 +
 .../f58af49a4f09c0f3d539bda3fc388c67.json     |   2 +-
 .../f71d16e2679abfcebe4ca5a315ad66ad.json     |   1 +
 .../f72b67a09a8bc058682e0e7b2da234de.json     |   1 +
 .../f74c7d9c7caa7dfe64c901a0e86fb6cd.json     |   2 +-
 .../f7d19eaea5194ec5bfab01bb200d2a89.json     |   1 +
 .../f8bf63e2c441f0218e8f213d8d10ec5c.json     |   1 +
 .../f8dcd067ae5391977b376bfc9cdb910b.json     |   1 +
 .../f9278b806494253922aa3d272f85d394.json     |   1 +
 .../f9509402f293a0280a71350fab576984.json     |   1 +
 .../f965f95a8f3326a7826161b591381955.json     |   1 +
 .../f97cc69109c9896ba4f27aec9308e5de.json     |   1 +
 .../f98d97d78c87db394e107f4133790ac8.json     |   1 +
 .../fa0627f1ccb11547f91254d9448d1abe.json     |   1 +
 .../fa1bec51154fe30b0719da2d314a642e.json     |   1 +
 .../fa2091ab1133f2ab3e224184f0fc500c.json     |   1 +
 .../fb6e0012151e0d055c74aa2bf308a94e.json     |   2 +-
 .../fc93dd3d0deeef437d5d43cf25c1fddc.json     |   1 +
 .../fcdd100fd8c3813a5bc7a03470be40b7.json     |   1 +
 .../fd8a7acd0dabb949076d04d6dd61ebd1.json     |   1 +
 .../fe0dc93018c7c0443d42de078d9dd15d.json     |   1 +
 .../fe8a568931c232d82a2ea8bab31b3096.json     |   1 +
 .../ff68f6cdb56358c7ad42043dbd86fa60.json     |   1 +
 .../ff9ceed08ec7c080bedbe7ef05af15a3.json     |   1 +
 .../ffead24b79a33f8fa0825bac3abc7d95.json     |   1 +
 src/components/chart/avgChart.vue             | 326 +++++++-----------
 src/components/chart/lineChart.vue            | 181 +++++++---
 src/components/chart/regionTable.vue          | 118 +++----
 src/components/chart/tableShow.vue            |  91 ++---
 src/components/chart/thermalChart.vue         | 118 ++-----
 src/components/target/OD.vue                  | 141 ++------
 src/components/target/checkChart.vue          | 134 +------
 src/components/target/congestionChart.vue     | 126 +------
 src/components/target/delayChart.vue          | 153 ++------
 src/components/target/flowChart.vue           | 126 +------
 src/components/target/headWayChart.vue        | 149 ++------
 src/components/target/lineUpChart.vue         | 180 +++-------
 src/components/target/speedChart.vue          | 194 ++++-------
 src/components/target/typeChart.vue           | 158 +--------
 src/views/bounced/dataBoard.vue               | 223 ++++++++++--
 717 files changed, 1531 insertions(+), 1725 deletions(-)
 create mode 100644 node_modules/.cache/babel-loader/09fabef8372ba6ccb28640250f8a9a03.json
 create mode 100644 node_modules/.cache/babel-loader/11f462871e9134f5851bf0a56f2a756c.json
 create mode 100644 node_modules/.cache/babel-loader/16b5f1c4b905d26348908dd1793c1ffc.json
 create mode 100644 node_modules/.cache/babel-loader/1a3c4c946d546c334981246ae01b241f.json
 create mode 100644 node_modules/.cache/babel-loader/1ef6d46f643d30c4ae0f4168b5cb1dd3.json
 create mode 100644 node_modules/.cache/babel-loader/21e4af3c95b9d098db24bfb9316aa851.json
 create mode 100644 node_modules/.cache/babel-loader/236371806046be562db538d5f25400fc.json
 create mode 100644 node_modules/.cache/babel-loader/2799823fb24d83e0eecc90533a78ce60.json
 create mode 100644 node_modules/.cache/babel-loader/2d3b4fa73ff1f968da1bf0966f9e182e.json
 create mode 100644 node_modules/.cache/babel-loader/2dff4b8d51cc3d26994ac83252c900e7.json
 create mode 100644 node_modules/.cache/babel-loader/3174a3f4277eac9cdd81682607841da2.json
 create mode 100644 node_modules/.cache/babel-loader/37b5b2d3750edb94176f435547328485.json
 create mode 100644 node_modules/.cache/babel-loader/3b5b66594d9b0828efd1147faef5d958.json
 create mode 100644 node_modules/.cache/babel-loader/3e336a646478e2c4745cb000e2df1716.json
 create mode 100644 node_modules/.cache/babel-loader/3e8bf5780b34111784a6726f02de4780.json
 create mode 100644 node_modules/.cache/babel-loader/3f189703574f6eec1d2a2fa1cfc0e365.json
 create mode 100644 node_modules/.cache/babel-loader/443874003cd07410b9086082f9c38aeb.json
 create mode 100644 node_modules/.cache/babel-loader/474b7cdfe8419cfd344236949f8a13fb.json
 create mode 100644 node_modules/.cache/babel-loader/4d4526eb6e690c02559295cd25fce6e0.json
 create mode 100644 node_modules/.cache/babel-loader/5352cb90722bffc6d47e6d1d3e6a13e3.json
 create mode 100644 node_modules/.cache/babel-loader/5b2a27955840d53c6844d0d7c8a5ca47.json
 create mode 100644 node_modules/.cache/babel-loader/5bac6b3cd40ee00bb0a68690fe87b6c3.json
 create mode 100644 node_modules/.cache/babel-loader/5d4448e01ab8a9fa111b6712348cc43b.json
 create mode 100644 node_modules/.cache/babel-loader/5ec6fbb3a9466fa3a6b00a35659e54d3.json
 create mode 100644 node_modules/.cache/babel-loader/60531fcaacc714ef6a7b4a1f1ae3ce08.json
 create mode 100644 node_modules/.cache/babel-loader/623342d73f9f879c08847153a265e12b.json
 create mode 100644 node_modules/.cache/babel-loader/68c352dae5102a8e28472793bc112779.json
 create mode 100644 node_modules/.cache/babel-loader/6bdb21b9da5b37e8581ce7aa21e064b5.json
 create mode 100644 node_modules/.cache/babel-loader/771a7aef5497ce8de8beef8ae80b09d5.json
 create mode 100644 node_modules/.cache/babel-loader/77b7fa2f309d40fe2ec6d7d8962f5232.json
 create mode 100644 node_modules/.cache/babel-loader/7dc508cfa2137e8047c18007da4ffba9.json
 create mode 100644 node_modules/.cache/babel-loader/7ec74dfc44c24ec7dde7cd383cabfbee.json
 create mode 100644 node_modules/.cache/babel-loader/819c4feb7152bde845b1a712078b3f06.json
 create mode 100644 node_modules/.cache/babel-loader/82ce2fb6103e04e80fe380264ac03fec.json
 create mode 100644 node_modules/.cache/babel-loader/841b2ff6d79f4c6b0e596e17a64f937c.json
 create mode 100644 node_modules/.cache/babel-loader/86279046f5a932054dc5ad9f158801d7.json
 create mode 100644 node_modules/.cache/babel-loader/88fcea019544d4a1d901e3441d304a41.json
 create mode 100644 node_modules/.cache/babel-loader/8ac23a81d90b71fdae195e54590509ef.json
 create mode 100644 node_modules/.cache/babel-loader/8c279dfcd3764858949271d50d0b7618.json
 create mode 100644 node_modules/.cache/babel-loader/8ca6ae615981d01f5b14de3456d087a2.json
 create mode 100644 node_modules/.cache/babel-loader/8f88851fdeb17d549a400313f13e5420.json
 create mode 100644 node_modules/.cache/babel-loader/91b670334fa3c1b782db1c8b1c5ee8f7.json
 create mode 100644 node_modules/.cache/babel-loader/943bc819096583d5ce312ed5cfac0abf.json
 create mode 100644 node_modules/.cache/babel-loader/94f4601759f80bb2870fb2a6407d3809.json
 create mode 100644 node_modules/.cache/babel-loader/954cf20bc2f17c013c39a4757e6652a6.json
 create mode 100644 node_modules/.cache/babel-loader/95ae0957918b4a956d307c91325ac8a5.json
 create mode 100644 node_modules/.cache/babel-loader/9cf0d89f5f2e2c7d9e87b752571fefcc.json
 create mode 100644 node_modules/.cache/babel-loader/9de911dc2b9989636d7b53b1ef471a77.json
 create mode 100644 node_modules/.cache/babel-loader/a6a1d5f1cca3c744b6e873cd60fc7910.json
 create mode 100644 node_modules/.cache/babel-loader/a715561dcbca8e48e9ef6f0d7d4caa9f.json
 create mode 100644 node_modules/.cache/babel-loader/a89486bfc38c3bf69139ba1d8f2db831.json
 create mode 100644 node_modules/.cache/babel-loader/aa9f7b8164ca9cb6c7c940463cea610e.json
 create mode 100644 node_modules/.cache/babel-loader/ab048898ca5e8b0c6353f0a7f69acb36.json
 create mode 100644 node_modules/.cache/babel-loader/abad7b2a8f419a9f6523c4e0663d252f.json
 create mode 100644 node_modules/.cache/babel-loader/b2fae0bdf6818d95d00b2e40ebfd6e99.json
 create mode 100644 node_modules/.cache/babel-loader/b5264513b9df86b5dedaac5f3682a2c7.json
 create mode 100644 node_modules/.cache/babel-loader/b765859edb03dfb37eb7e74bc73b0159.json
 create mode 100644 node_modules/.cache/babel-loader/b8df2664bccbe313e95305eeb34493c9.json
 create mode 100644 node_modules/.cache/babel-loader/bb5d92242d460e2e0b368d1cb0361f5b.json
 create mode 100644 node_modules/.cache/babel-loader/c18158dc01486915e072c159a2a158f8.json
 create mode 100644 node_modules/.cache/babel-loader/cfb427167bb86705eb00724b12b67d9d.json
 create mode 100644 node_modules/.cache/babel-loader/d20f4d153daa3b74a4d57bd8e1d4e751.json
 create mode 100644 node_modules/.cache/babel-loader/d31af6f8d972b668bae035f11a7d0458.json
 create mode 100644 node_modules/.cache/babel-loader/dceee980f0359c89f763a9757823cbf1.json
 create mode 100644 node_modules/.cache/babel-loader/e25cfc279c10ea57a1a2509a5e0e4af2.json
 create mode 100644 node_modules/.cache/babel-loader/e49276f000850bacb2745bb8ac841eaf.json
 create mode 100644 node_modules/.cache/babel-loader/ed8339eb0c03dcffca5b5dcdf6b70991.json
 create mode 100644 node_modules/.cache/babel-loader/ef81b8e61589c4c090d4c6e867834b09.json
 create mode 100644 node_modules/.cache/babel-loader/f00150bbba4cc146ffb88eee2131c92d.json
 create mode 100644 node_modules/.cache/babel-loader/f52c90eff3e2193bd7b74a72235083c4.json
 create mode 100644 node_modules/.cache/babel-loader/f5495cdc69ce435d63bf94af956856ea.json
 create mode 100644 node_modules/.cache/babel-loader/f84cef2cb0a36deba768322658f737e0.json
 create mode 100644 node_modules/.cache/babel-loader/f9f86bd9a4de2e9cdd28f1329e497123.json
 create mode 100644 node_modules/.cache/vue-loader/01164b45ed982ddee09a079ef8b919f5.json
 create mode 100644 node_modules/.cache/vue-loader/015dd46844e7bcb2b5e508c650a1a1a9.json
 create mode 100644 node_modules/.cache/vue-loader/029e0b17cd533f07614ca1e2dd78397b.json
 create mode 100644 node_modules/.cache/vue-loader/02af3277b3661be3c44bcd80b1b3c7f9.json
 create mode 100644 node_modules/.cache/vue-loader/032b56d953edab73341359ef28b684ca.json
 create mode 100644 node_modules/.cache/vue-loader/032b7e6f3e7debe37cf2031315a7dda0.json
 create mode 100644 node_modules/.cache/vue-loader/0444f359cb44d9cbba7ea8758d630851.json
 create mode 100644 node_modules/.cache/vue-loader/049fbfe3ceb27bbea59fc0280efbdbdf.json
 create mode 100644 node_modules/.cache/vue-loader/051ebef1ea7808c7babadc026e71c2fd.json
 create mode 100644 node_modules/.cache/vue-loader/05c139738363732899ed4f0407a79618.json
 create mode 100644 node_modules/.cache/vue-loader/05e32dd37676cd1f943c1c1d266992d6.json
 create mode 100644 node_modules/.cache/vue-loader/074c4135e44e42952cf93a429db6f3ce.json
 create mode 100644 node_modules/.cache/vue-loader/079431a240df58926cdd7c163d9e9041.json
 create mode 100644 node_modules/.cache/vue-loader/092751cf82ab9c579d5be42ec76b0981.json
 create mode 100644 node_modules/.cache/vue-loader/0a42012df690278afec6481161566ff1.json
 create mode 100644 node_modules/.cache/vue-loader/0a5dbbc649f9bcb0dd356d0dd8fffcbe.json
 create mode 100644 node_modules/.cache/vue-loader/0b7d90ce0ee9d526b534a1f30893e714.json
 create mode 100644 node_modules/.cache/vue-loader/0c15bcab8a90b88d1b725339fd099254.json
 create mode 100644 node_modules/.cache/vue-loader/0c540e4c6386a82f2faa405719483eba.json
 create mode 100644 node_modules/.cache/vue-loader/0d060f88849c57f94251b7e69ddda29c.json
 create mode 100644 node_modules/.cache/vue-loader/0d414b4bda84175c9f6986f80b3cb3d2.json
 create mode 100644 node_modules/.cache/vue-loader/0d6f944823c26e28d7b0ed2888ece904.json
 create mode 100644 node_modules/.cache/vue-loader/0dbbc013ccffa8d4adcf882f3c41278d.json
 create mode 100644 node_modules/.cache/vue-loader/0e18f50e67e9c5bbddce3afec38e46d3.json
 create mode 100644 node_modules/.cache/vue-loader/0e43e3bda040f9152ae50453af5f7a56.json
 create mode 100644 node_modules/.cache/vue-loader/0e9e3041e35a67d20c96a81f2b81d69e.json
 create mode 100644 node_modules/.cache/vue-loader/0f881e872eecfa34ce637f87e3e7b041.json
 create mode 100644 node_modules/.cache/vue-loader/0fa9d2e966ffba03512cd69a00e9b792.json
 create mode 100644 node_modules/.cache/vue-loader/0ff651fb2f27ec91eb0b14791ce443f3.json
 create mode 100644 node_modules/.cache/vue-loader/10029fd93fe48ce5dde82df1b7bdb756.json
 create mode 100644 node_modules/.cache/vue-loader/11952f7b75b054c93222007e588bddc4.json
 create mode 100644 node_modules/.cache/vue-loader/11c46b32283e74974ef156976d9820c9.json
 create mode 100644 node_modules/.cache/vue-loader/11f2eff406fab274722f500dfffbc844.json
 create mode 100644 node_modules/.cache/vue-loader/122c93fde77f69ed5aaecd463ddb91f0.json
 create mode 100644 node_modules/.cache/vue-loader/125f7e7449e5750b4967494ea2d92ed2.json
 create mode 100644 node_modules/.cache/vue-loader/12e815b5b5a5c0660ac230c68e39779a.json
 create mode 100644 node_modules/.cache/vue-loader/1302b0e9907bdea7a5b608fe8b458b47.json
 create mode 100644 node_modules/.cache/vue-loader/132e5e90e8ee0f564e1e1fa7c220260c.json
 create mode 100644 node_modules/.cache/vue-loader/133c8a83d56387cc1661fdb85d18873c.json
 create mode 100644 node_modules/.cache/vue-loader/135ea1d1e9679e356f5fcb75a9f0692f.json
 create mode 100644 node_modules/.cache/vue-loader/13c6acd3ebd9ce00796de0721efb63f2.json
 create mode 100644 node_modules/.cache/vue-loader/13ca0150acc396bd85495f027905d0f1.json
 create mode 100644 node_modules/.cache/vue-loader/13e469944b82ac3e01d3f3a625c7a710.json
 create mode 100644 node_modules/.cache/vue-loader/150f21970f154825732c1019c0db42b9.json
 create mode 100644 node_modules/.cache/vue-loader/153163925a63fca91f5cbd5e5c9229ea.json
 create mode 100644 node_modules/.cache/vue-loader/16899044252f063cb0574a43c7420b46.json
 create mode 100644 node_modules/.cache/vue-loader/169ba0036c75960e3e63654e5ca3ac1d.json
 create mode 100644 node_modules/.cache/vue-loader/16fb5beeaaf8232365d041ecc3a9a87a.json
 create mode 100644 node_modules/.cache/vue-loader/193bec021c7e9ef440221932c82ffdd1.json
 create mode 100644 node_modules/.cache/vue-loader/1960b414db182c380b925dbcc79e1abc.json
 create mode 100644 node_modules/.cache/vue-loader/19cda60c12baa4e1845ab1dda476bd37.json
 create mode 100644 node_modules/.cache/vue-loader/19d6a50d291e71c0a5d81e7f55e58f85.json
 create mode 100644 node_modules/.cache/vue-loader/19e2d99da9c012bce77559e68777d57c.json
 create mode 100644 node_modules/.cache/vue-loader/1a7138d69e900d51f2926da08245ed96.json
 create mode 100644 node_modules/.cache/vue-loader/1aed9560ca10107967c59d7deae4a234.json
 create mode 100644 node_modules/.cache/vue-loader/1b76cd02690cde561830757844f64826.json
 create mode 100644 node_modules/.cache/vue-loader/1c5afdab208ebc67444c28f38b2534dc.json
 create mode 100644 node_modules/.cache/vue-loader/1db891bcd75763e5d13bd70fa06c15b4.json
 create mode 100644 node_modules/.cache/vue-loader/1de61481d1d4be94aefe236ed47365d7.json
 create mode 100644 node_modules/.cache/vue-loader/1e6340d792a23f3043363a119993b7ee.json
 create mode 100644 node_modules/.cache/vue-loader/1f3c9645fb9ac444efd780f281ddd92d.json
 create mode 100644 node_modules/.cache/vue-loader/1f55e53aa91ab96c4bd1a78fa8455fd7.json
 create mode 100644 node_modules/.cache/vue-loader/1fef4081197265ec382f69034708e808.json
 create mode 100644 node_modules/.cache/vue-loader/2264a6478ea2ce8432fd2f55dc905e72.json
 create mode 100644 node_modules/.cache/vue-loader/22e224f80a27faee5267e9c71e156a0c.json
 create mode 100644 node_modules/.cache/vue-loader/2342e7d0c4e0d22baf5171dc7244ab95.json
 create mode 100644 node_modules/.cache/vue-loader/234e086d09a8cc4a97fea7a051785615.json
 create mode 100644 node_modules/.cache/vue-loader/23afe18120ddeac9b17afb14d4030dac.json
 create mode 100644 node_modules/.cache/vue-loader/241cbc12b8840c31eea16c7dc5c6f766.json
 create mode 100644 node_modules/.cache/vue-loader/246bb7f82cd5a50cd6622898978d7a9b.json
 create mode 100644 node_modules/.cache/vue-loader/24de90158b615f61fe968ad40e1e652a.json
 create mode 100644 node_modules/.cache/vue-loader/260e7ad3c717d41e33b3240dd56f59d9.json
 create mode 100644 node_modules/.cache/vue-loader/26ae3ae68908b13f9417c31ab6570fde.json
 create mode 100644 node_modules/.cache/vue-loader/26ebdd13af4d844d3f2b9086f8545e3f.json
 create mode 100644 node_modules/.cache/vue-loader/273685b93eeb7cb75324272d758bf90d.json
 create mode 100644 node_modules/.cache/vue-loader/27f3864f7621af591c0f103e63efed11.json
 create mode 100644 node_modules/.cache/vue-loader/285fb63c1bcc249a80a90594907658aa.json
 create mode 100644 node_modules/.cache/vue-loader/2a75b82eda5d613ef9fa15edd5bfa17c.json
 create mode 100644 node_modules/.cache/vue-loader/2b77260b416ebeb81d7a187566e4956c.json
 create mode 100644 node_modules/.cache/vue-loader/2bcbbc44d4d9f01f74c02dd516db30c2.json
 create mode 100644 node_modules/.cache/vue-loader/2e2fffbac0a85a2d23bb76815f4afec9.json
 create mode 100644 node_modules/.cache/vue-loader/2e61ea80469e98f3506193fed9972806.json
 create mode 100644 node_modules/.cache/vue-loader/2e7b1225466768fcbfc35f80e86f530b.json
 create mode 100644 node_modules/.cache/vue-loader/2efe1f726447fb46ef4df215083fcb6a.json
 create mode 100644 node_modules/.cache/vue-loader/2f13fddc348cfb9c6e448c3be099eb21.json
 create mode 100644 node_modules/.cache/vue-loader/2f41e60a67da23abf8664a9f6ed52924.json
 create mode 100644 node_modules/.cache/vue-loader/2f5bc7c10ec97971aa75f315d76057e0.json
 create mode 100644 node_modules/.cache/vue-loader/2ff923bbe4d2d2a7b2f59244f6c48381.json
 create mode 100644 node_modules/.cache/vue-loader/30266a85528f1e01c2cf38b4bb50aba9.json
 create mode 100644 node_modules/.cache/vue-loader/312640321ed7cd448eb4c02d024e9690.json
 create mode 100644 node_modules/.cache/vue-loader/31a480c202c6d05e663bc45291db8de5.json
 create mode 100644 node_modules/.cache/vue-loader/321c28cdd5a7c2d6c31fcb1e3a9bc761.json
 create mode 100644 node_modules/.cache/vue-loader/325c04fc8daa0f3e43189b889f9b473e.json
 create mode 100644 node_modules/.cache/vue-loader/33c47ffeadedf9c8f678191b86ed5f80.json
 create mode 100644 node_modules/.cache/vue-loader/3416c9471034494d7e254b6c2970537a.json
 create mode 100644 node_modules/.cache/vue-loader/35f1c05b472573a4b4ea5e4e72259cfb.json
 create mode 100644 node_modules/.cache/vue-loader/3643f3c8bf51d57e2f951ba046af5a03.json
 create mode 100644 node_modules/.cache/vue-loader/367509062eafc171993de0fd37cb121e.json
 create mode 100644 node_modules/.cache/vue-loader/368b5df4ccb4a3ed1a14c540d175fef0.json
 create mode 100644 node_modules/.cache/vue-loader/36ae8fb27deeb8fa535a9f10d6e0a456.json
 create mode 100644 node_modules/.cache/vue-loader/36e64493a96c622c8a7b92426182b9cc.json
 create mode 100644 node_modules/.cache/vue-loader/36e6e340febe12100bf03f51f76d6eb7.json
 create mode 100644 node_modules/.cache/vue-loader/3794c87bf74c640b6bcaf8258162eed9.json
 create mode 100644 node_modules/.cache/vue-loader/3899dafd6882b24960f70ad8e644da84.json
 create mode 100644 node_modules/.cache/vue-loader/38a250ca5651034388057094b811ae39.json
 create mode 100644 node_modules/.cache/vue-loader/38fb5db1675d5bdc034eebf800e006b7.json
 create mode 100644 node_modules/.cache/vue-loader/399b8e5ddf2dbfab3d54728e80f9835a.json
 create mode 100644 node_modules/.cache/vue-loader/39a947f82f9b613d1ba015e5966f58fd.json
 create mode 100644 node_modules/.cache/vue-loader/39d094b33d12f4cff30e844b50ffa61c.json
 create mode 100644 node_modules/.cache/vue-loader/3a0284f9590669dc5a3333e1d439d18a.json
 create mode 100644 node_modules/.cache/vue-loader/3a82e3eb88f5ef8a2996b387e9e29f6f.json
 create mode 100644 node_modules/.cache/vue-loader/3b7393db75d5a666430f9e56f699af3b.json
 create mode 100644 node_modules/.cache/vue-loader/3b9d08d4325e022afa093f1658ba8f0f.json
 create mode 100644 node_modules/.cache/vue-loader/3c2d499e0fb104315d952cca942c9e90.json
 create mode 100644 node_modules/.cache/vue-loader/3c430389eb2b109ba44f4ba444f2620b.json
 create mode 100644 node_modules/.cache/vue-loader/3d0f068b2b992fc115e54a1ee23d1a7d.json
 create mode 100644 node_modules/.cache/vue-loader/3d5b9785a4aaf8b0b9305fcfca4e58fb.json
 create mode 100644 node_modules/.cache/vue-loader/3d949813b79867fbc1cb2d6477273731.json
 create mode 100644 node_modules/.cache/vue-loader/3d9f90c0925d36cb366edc4482a16b69.json
 create mode 100644 node_modules/.cache/vue-loader/3db42fcf94717b253cc297ea560d3208.json
 create mode 100644 node_modules/.cache/vue-loader/3dede4b926af8af621ec4b1dea41b7a3.json
 create mode 100644 node_modules/.cache/vue-loader/3eacaabfd3cf5e6a5192143c5744b19b.json
 create mode 100644 node_modules/.cache/vue-loader/3f3a0f9c9caabfc616efa946bb6079e5.json
 create mode 100644 node_modules/.cache/vue-loader/3fb24bdd8c062f596609a9ec8df507d4.json
 create mode 100644 node_modules/.cache/vue-loader/3fd23c4e8e7df51d310f9d49498c0911.json
 create mode 100644 node_modules/.cache/vue-loader/407d379208951187bdbf5a31be406230.json
 create mode 100644 node_modules/.cache/vue-loader/40afa231d3ca7695bc91ae7ef74d431f.json
 create mode 100644 node_modules/.cache/vue-loader/40b620fd8f71e4bf31617a748107efca.json
 create mode 100644 node_modules/.cache/vue-loader/41178a927be8b5319596177d1760cf89.json
 create mode 100644 node_modules/.cache/vue-loader/4160eb5436bbfa68aa6f4c836c99908e.json
 create mode 100644 node_modules/.cache/vue-loader/41e29bc8abf4e87d6db490a3f650b9a2.json
 create mode 100644 node_modules/.cache/vue-loader/421c6f32b207472c41123f308dfbed8f.json
 create mode 100644 node_modules/.cache/vue-loader/4278504b8bb3396a57342efaa314fca5.json
 create mode 100644 node_modules/.cache/vue-loader/42bdb31be0d1df3549c59c455c1d0110.json
 create mode 100644 node_modules/.cache/vue-loader/430c7c17fbe1d110b17bf5180f1b4a42.json
 create mode 100644 node_modules/.cache/vue-loader/4342ab7e663d1bd9cff56bff8a7d8063.json
 create mode 100644 node_modules/.cache/vue-loader/439ce1382e6b882d352ea76fde62fc6c.json
 create mode 100644 node_modules/.cache/vue-loader/44328acf17a70c8364e7f58269d02f36.json
 create mode 100644 node_modules/.cache/vue-loader/445956517eca7bbc7a13b02e3f983446.json
 create mode 100644 node_modules/.cache/vue-loader/446dd02230c2d8029a4d56f9096370c5.json
 create mode 100644 node_modules/.cache/vue-loader/45a2dacae318fcea212259e7c17fa8d7.json
 create mode 100644 node_modules/.cache/vue-loader/45d23b614ac2e6145edd85097dbe56d7.json
 create mode 100644 node_modules/.cache/vue-loader/45ed2bd78b89e39dbaffc9ae99ef3d27.json
 create mode 100644 node_modules/.cache/vue-loader/463762da79337ea73a2d898c9b9d1252.json
 create mode 100644 node_modules/.cache/vue-loader/4648b15d794e20505b5c936f863dea5e.json
 create mode 100644 node_modules/.cache/vue-loader/46b2d9bcf02d0da870ceb7bc51982ad8.json
 create mode 100644 node_modules/.cache/vue-loader/474c744adbb7320cb88d9464b6910cab.json
 create mode 100644 node_modules/.cache/vue-loader/4773de0b63f80d7f8915b463201501d9.json
 create mode 100644 node_modules/.cache/vue-loader/4775fe6c1205c59a0d625a87502e7a24.json
 create mode 100644 node_modules/.cache/vue-loader/48e6b7dcbab0db029e9d2206ec886b39.json
 create mode 100644 node_modules/.cache/vue-loader/4900345edcbeb465069c0ee79ceb3fd6.json
 create mode 100644 node_modules/.cache/vue-loader/4914af53a44b37838be876e2f5026b0f.json
 create mode 100644 node_modules/.cache/vue-loader/4a944bc25afe10b4d34e170fc6e30d09.json
 create mode 100644 node_modules/.cache/vue-loader/4abd195995ea2fe6a767ad73ca84b9e4.json
 create mode 100644 node_modules/.cache/vue-loader/4bd8e1cd2d2f5d80b42c534c688e21b8.json
 create mode 100644 node_modules/.cache/vue-loader/4bf78feb733106962ee856354cf7bcaa.json
 create mode 100644 node_modules/.cache/vue-loader/4cdbd80a6584efb1d9bdd53fa1f00042.json
 create mode 100644 node_modules/.cache/vue-loader/4ceb91be1a4da3875a1e72bfb28c0df2.json
 create mode 100644 node_modules/.cache/vue-loader/4cfffa060db20f7266d1f7ae449cc7af.json
 create mode 100644 node_modules/.cache/vue-loader/4d963457c43a7051869ac49e302247db.json
 create mode 100644 node_modules/.cache/vue-loader/4f45100ce6a786db2858454fed74b006.json
 create mode 100644 node_modules/.cache/vue-loader/4f486e91c6fb3647c131caac474899a6.json
 create mode 100644 node_modules/.cache/vue-loader/4fdc31899a1059e9bbbc20815b61cf80.json
 create mode 100644 node_modules/.cache/vue-loader/5047d5206e65c90f3972de8add0bc412.json
 create mode 100644 node_modules/.cache/vue-loader/511d2c48c6e4dcea480a4efd23164f34.json
 create mode 100644 node_modules/.cache/vue-loader/51c4a4f0afd88ea99cf3e3a296351df7.json
 create mode 100644 node_modules/.cache/vue-loader/52736565f7dc616f603ea72c8823806a.json
 create mode 100644 node_modules/.cache/vue-loader/528010fa5bdecaeff5b6c2ad389fbb5e.json
 create mode 100644 node_modules/.cache/vue-loader/52c4760b30ea7d91e086f344ea1086e0.json
 create mode 100644 node_modules/.cache/vue-loader/52ec80f4803ab8d9dfb17bc3eb85826a.json
 create mode 100644 node_modules/.cache/vue-loader/53278f61b3a734e2f0112fca2cb5649b.json
 create mode 100644 node_modules/.cache/vue-loader/5330379c7f5dc48b082dffff02c2caa5.json
 create mode 100644 node_modules/.cache/vue-loader/5359e23297ea99b2c681612de39818e0.json
 create mode 100644 node_modules/.cache/vue-loader/535bf1b6f644ecf9dce8c15cb55cd489.json
 create mode 100644 node_modules/.cache/vue-loader/539b85d0ead19115db37c08aa6121e10.json
 create mode 100644 node_modules/.cache/vue-loader/53fcd5e15177dbb8ee951512753dc9a1.json
 create mode 100644 node_modules/.cache/vue-loader/54c00b327d95ef2953150ee13d3076ea.json
 create mode 100644 node_modules/.cache/vue-loader/54d39e3780e431aa935f4ababa9bccfd.json
 create mode 100644 node_modules/.cache/vue-loader/54d9769fb954facfcfc9df33f790d226.json
 create mode 100644 node_modules/.cache/vue-loader/55502dba486983b0725a6f7441a076e4.json
 create mode 100644 node_modules/.cache/vue-loader/55925d53553ddb4ed658cbb9f111bf3a.json
 create mode 100644 node_modules/.cache/vue-loader/57dac704992228778b7025706631fa9b.json
 create mode 100644 node_modules/.cache/vue-loader/5849444827f9bd87fe4020582dffa9bf.json
 create mode 100644 node_modules/.cache/vue-loader/586b19d73bcd1fe6f53e512485978061.json
 create mode 100644 node_modules/.cache/vue-loader/58a92f7e8cc528b1025e227dc10aa21e.json
 create mode 100644 node_modules/.cache/vue-loader/5ac31694d5d7fc81c55e35339421c168.json
 create mode 100644 node_modules/.cache/vue-loader/5c80932a6517033ed7e35b7cdb99ace7.json
 create mode 100644 node_modules/.cache/vue-loader/5ca4fa5f429ff18aff8587e091f7a577.json
 create mode 100644 node_modules/.cache/vue-loader/5cba200940587d9bd75fd35e220dd8a5.json
 create mode 100644 node_modules/.cache/vue-loader/5cd0f61f2fba25ed9512cb397438bb2e.json
 create mode 100644 node_modules/.cache/vue-loader/5d44474f3ab8ada1760f468bb9a51750.json
 create mode 100644 node_modules/.cache/vue-loader/5dd12398dba01fde993a8a159a0812c0.json
 create mode 100644 node_modules/.cache/vue-loader/5e0638f71952cdb2077ba6aa149fef2a.json
 create mode 100644 node_modules/.cache/vue-loader/5f4e682be1bea50bbd79f955bbb232dd.json
 create mode 100644 node_modules/.cache/vue-loader/6004f1273df4b2a3e6cf0ada5de0a01e.json
 create mode 100644 node_modules/.cache/vue-loader/61059d402d04b9560e001098a4de54af.json
 create mode 100644 node_modules/.cache/vue-loader/61345bcffc900404f503db78b73b6351.json
 create mode 100644 node_modules/.cache/vue-loader/614b57551472e3d940393f37f2c7ccb6.json
 create mode 100644 node_modules/.cache/vue-loader/617b42173439d0aec3a0f9d33988f2a7.json
 create mode 100644 node_modules/.cache/vue-loader/61fb4e73b268bb945edff25f1dc7b9fe.json
 create mode 100644 node_modules/.cache/vue-loader/631bba56d49cb95557253f441a387fc5.json
 create mode 100644 node_modules/.cache/vue-loader/6449202e5013e3f51ea21833c4576eec.json
 create mode 100644 node_modules/.cache/vue-loader/64f1a4b5df372d79d975c6af3a833e55.json
 create mode 100644 node_modules/.cache/vue-loader/657c76c0588afe8c852365ddec5d7e91.json
 create mode 100644 node_modules/.cache/vue-loader/65afd6fe9dafd3e56d98bfcb4f56a83a.json
 create mode 100644 node_modules/.cache/vue-loader/65d55dd35814ba2bfa510f609a4a31b0.json
 create mode 100644 node_modules/.cache/vue-loader/67f3ef17fab17649b5f4073ada2ad674.json
 create mode 100644 node_modules/.cache/vue-loader/68592f932eafcef196c3271bcffed321.json
 create mode 100644 node_modules/.cache/vue-loader/68d8ee29229bc040e047e77431007333.json
 create mode 100644 node_modules/.cache/vue-loader/6922363cac886cf7d86415e7a894bec8.json
 create mode 100644 node_modules/.cache/vue-loader/6a31d01ddccbe978fbe9ef83dbea41d7.json
 create mode 100644 node_modules/.cache/vue-loader/6a5d937e56ba929ceef7c5f48c9d5f1b.json
 create mode 100644 node_modules/.cache/vue-loader/6aff711dcbd0a02ad9151794a0a8156c.json
 create mode 100644 node_modules/.cache/vue-loader/6b240cb190d180dd2f9540d1a683939a.json
 create mode 100644 node_modules/.cache/vue-loader/6d4ab908eddd92072f6ee3d74ee3aac2.json
 create mode 100644 node_modules/.cache/vue-loader/6eccec28083ab04ed78e6b119c962a90.json
 create mode 100644 node_modules/.cache/vue-loader/6ed02b6d805d12c3395c88b28d69d827.json
 create mode 100644 node_modules/.cache/vue-loader/6ed2dde09af972079108e1c6174e93c6.json
 create mode 100644 node_modules/.cache/vue-loader/6eeb133ec3bbdbe33b21a09bec1f10af.json
 create mode 100644 node_modules/.cache/vue-loader/6f1ce48714615d9298d115867e60dcbf.json
 create mode 100644 node_modules/.cache/vue-loader/6f7c67a93a07ba35de89e01896d10eca.json
 create mode 100644 node_modules/.cache/vue-loader/714eea2e01c2371c21587752f3593936.json
 create mode 100644 node_modules/.cache/vue-loader/720623454709e42505421da23092a943.json
 create mode 100644 node_modules/.cache/vue-loader/726e3f855ed12836303832265c1ea7a3.json
 create mode 100644 node_modules/.cache/vue-loader/72d7fbc3d9b4c2e6b7f8b1f0d33c4283.json
 create mode 100644 node_modules/.cache/vue-loader/7347f8e55020e5887ca90435c82a6562.json
 create mode 100644 node_modules/.cache/vue-loader/738c323ffa2e1ac1f905c4cdd9d590d4.json
 create mode 100644 node_modules/.cache/vue-loader/7399ea9e7e7dfd6e4d1d9182a2424748.json
 create mode 100644 node_modules/.cache/vue-loader/75557387c2b936ff436220ae0a98a03a.json
 create mode 100644 node_modules/.cache/vue-loader/756f40e9ab73ccb6c1d62bac3e90a120.json
 create mode 100644 node_modules/.cache/vue-loader/7586477f1a3b7a5b9e0b0b174e8323ad.json
 create mode 100644 node_modules/.cache/vue-loader/766995ac3c74c2189c962a2f889c248b.json
 create mode 100644 node_modules/.cache/vue-loader/76a562876fefbace38649d4036840a81.json
 create mode 100644 node_modules/.cache/vue-loader/7934be9a2802bf0d5f8bc3251549bbbf.json
 create mode 100644 node_modules/.cache/vue-loader/798f5ae7ba3af76fe413cdbfe7a7f997.json
 create mode 100644 node_modules/.cache/vue-loader/79d7b51638b9947658b4d01ff79439bf.json
 create mode 100644 node_modules/.cache/vue-loader/7a1d5f4fb7da9c451f569b2ea9e4218b.json
 create mode 100644 node_modules/.cache/vue-loader/7af613dc8a52727e626bec4cfbc1d7cf.json
 create mode 100644 node_modules/.cache/vue-loader/7c4454538147a2ae5fb38d6cacf0a40b.json
 create mode 100644 node_modules/.cache/vue-loader/7c5bbed3c5083e20e9cbc8c5ee8dc206.json
 create mode 100644 node_modules/.cache/vue-loader/7ce4774c98d224b8b7cfdca1eede2b7e.json
 create mode 100644 node_modules/.cache/vue-loader/7cecbcccd53d31cc0cc3080825a08a6a.json
 create mode 100644 node_modules/.cache/vue-loader/7d30ebbc8b18861342ee01e412b26a9a.json
 create mode 100644 node_modules/.cache/vue-loader/7dc6ff99bd1e8e2b05c6634005e3f062.json
 create mode 100644 node_modules/.cache/vue-loader/7dcba67983f060dd6fe417c57351d0a6.json
 create mode 100644 node_modules/.cache/vue-loader/7e56095ab96648a49d5e8907077473be.json
 create mode 100644 node_modules/.cache/vue-loader/7e6ef74193d634ab826912dbc395cac0.json
 create mode 100644 node_modules/.cache/vue-loader/7eb70cfa507c901b4e147b36b1532f28.json
 create mode 100644 node_modules/.cache/vue-loader/7ef9ad0db540a04284eccd60bb8300b7.json
 create mode 100644 node_modules/.cache/vue-loader/7f54ed98dba77ca750cfaa54658d58e4.json
 create mode 100644 node_modules/.cache/vue-loader/7f88429d8aa9f6f5332c6a82009ab9f5.json
 create mode 100644 node_modules/.cache/vue-loader/7f9a1f9a7cd70a5c71adeb173e4d275a.json
 create mode 100644 node_modules/.cache/vue-loader/7fa768c440781edf23f520aca53c6187.json
 create mode 100644 node_modules/.cache/vue-loader/7fe46a216c1878e9f0bcb1bc70fa4ed4.json
 create mode 100644 node_modules/.cache/vue-loader/8029c8a165e1e28b0e00ae33e014e40b.json
 create mode 100644 node_modules/.cache/vue-loader/82149add26d6a27e6db8f201de52a303.json
 create mode 100644 node_modules/.cache/vue-loader/8302e5050aca1d9091d0a6a23ba9e48f.json
 create mode 100644 node_modules/.cache/vue-loader/83d51958d99e3b422d1fe0163cdef0cd.json
 create mode 100644 node_modules/.cache/vue-loader/84910f6b81ccc4d11cec5a8a50cae68f.json
 create mode 100644 node_modules/.cache/vue-loader/84db535bd9f2446264d431bb57efd9df.json
 create mode 100644 node_modules/.cache/vue-loader/86704200fa27cab9e60b0ccd4ad730de.json
 create mode 100644 node_modules/.cache/vue-loader/867d9a50ebf5b1a6c0458862227ce324.json
 create mode 100644 node_modules/.cache/vue-loader/8766d4ec13a1da830c96d96b1fc4b74e.json
 create mode 100644 node_modules/.cache/vue-loader/87e1ca000fc03c1bd7d04d3b5635dd32.json
 create mode 100644 node_modules/.cache/vue-loader/8811f9c41f20348d5438665e74812852.json
 create mode 100644 node_modules/.cache/vue-loader/8899945a8468b784fd602cdcfb6a4542.json
 create mode 100644 node_modules/.cache/vue-loader/8a50fa0d863bb1eaef69c893200eef5a.json
 create mode 100644 node_modules/.cache/vue-loader/8a734cdf651a967aada7fbcef3523f93.json
 create mode 100644 node_modules/.cache/vue-loader/8b8a47eb08d21233e0235316a3de2089.json
 create mode 100644 node_modules/.cache/vue-loader/8bb77c98dc48e7f289b2184fe26017b3.json
 create mode 100644 node_modules/.cache/vue-loader/8bc36e3c532261f9d14a2b59d50a4dd5.json
 create mode 100644 node_modules/.cache/vue-loader/8da4bf3ec0db6cf585403f62643b636b.json
 create mode 100644 node_modules/.cache/vue-loader/8df0dadfd75a003f4d17dba2fdea4d33.json
 create mode 100644 node_modules/.cache/vue-loader/8f72f040fee70bbb67c6c09affdafc6f.json
 create mode 100644 node_modules/.cache/vue-loader/8fe0af619b18e18b8e820c491a6f8eb8.json
 create mode 100644 node_modules/.cache/vue-loader/901a6a3eb17d42106836988c764bf38d.json
 create mode 100644 node_modules/.cache/vue-loader/903a77a8476f8bc362c7b066191cf4f0.json
 create mode 100644 node_modules/.cache/vue-loader/90b40af5fcff610a5af3919436c9dbd4.json
 create mode 100644 node_modules/.cache/vue-loader/90c896ca36ae15ab176a3a19f07d2823.json
 create mode 100644 node_modules/.cache/vue-loader/917e70d2ca807e0a3f9b9fa376f5ba8c.json
 create mode 100644 node_modules/.cache/vue-loader/91b568b016377ef75ab2f6d4a3dfb131.json
 create mode 100644 node_modules/.cache/vue-loader/923023aa2f6ecd7dd57c44371fa7af48.json
 create mode 100644 node_modules/.cache/vue-loader/92c6e2a87c62a514489f258139af87f0.json
 create mode 100644 node_modules/.cache/vue-loader/9344c563d10757388b07ee1c87844447.json
 create mode 100644 node_modules/.cache/vue-loader/9356e71540163a3baa9062c4a8ca99c3.json
 create mode 100644 node_modules/.cache/vue-loader/93655c47961988da1bc827fd215731c2.json
 create mode 100644 node_modules/.cache/vue-loader/94a70ee8401415eabb3da9d47191e19b.json
 create mode 100644 node_modules/.cache/vue-loader/950e9e2660949d5d66e0e5fa136a67d2.json
 create mode 100644 node_modules/.cache/vue-loader/95267f50c0540610508be79421c4037b.json
 create mode 100644 node_modules/.cache/vue-loader/966225c88332b8b7ec1ad2bc86863546.json
 create mode 100644 node_modules/.cache/vue-loader/967696e0785a7c41f8951782d6b92831.json
 create mode 100644 node_modules/.cache/vue-loader/96b1f0e782661148478963d01ec01ee5.json
 create mode 100644 node_modules/.cache/vue-loader/96b5e728e4d52e2268fa486839ccee2e.json
 create mode 100644 node_modules/.cache/vue-loader/97bdb64a5c90d9cf0a66927db585d12c.json
 create mode 100644 node_modules/.cache/vue-loader/98acc09935667d87ac5c458cf3449b2d.json
 create mode 100644 node_modules/.cache/vue-loader/98c86dfccd725085b901b627ea5d5fb8.json
 create mode 100644 node_modules/.cache/vue-loader/994829afc51faced6608ceef73723fb8.json
 create mode 100644 node_modules/.cache/vue-loader/9a0677ed8fbe1946b4ba77225ed7f6b7.json
 create mode 100644 node_modules/.cache/vue-loader/9a6f4f8f5bcea023d385a5f815314517.json
 create mode 100644 node_modules/.cache/vue-loader/9acb66b58dce06bd891fb1eaebfbbc57.json
 create mode 100644 node_modules/.cache/vue-loader/9ad8301f618341bab3b36719d38d4161.json
 create mode 100644 node_modules/.cache/vue-loader/9b28dc4238b7b1a6ec0f883a87df0533.json
 create mode 100644 node_modules/.cache/vue-loader/9b2b071a771eb31a7da70d752319286f.json
 create mode 100644 node_modules/.cache/vue-loader/9b8a3389ac7a6d0ef8883f209f5c1ac9.json
 create mode 100644 node_modules/.cache/vue-loader/9c5972e685cd63b49f0795a97a697bb2.json
 create mode 100644 node_modules/.cache/vue-loader/9d69f9c5e99d2e1fb6cbfdc8d973004d.json
 create mode 100644 node_modules/.cache/vue-loader/9e18d9de4c98a358c0a84648f5c201e7.json
 create mode 100644 node_modules/.cache/vue-loader/9e4d9d18e84d5a8631d25c2871ddfae0.json
 create mode 100644 node_modules/.cache/vue-loader/9f1b80ba5521148e1893ccf21d65f568.json
 create mode 100644 node_modules/.cache/vue-loader/a02cb571285a724ac0097915feeb30bb.json
 create mode 100644 node_modules/.cache/vue-loader/a0fbebdb1a63a8dbf23c187713e4ccf6.json
 create mode 100644 node_modules/.cache/vue-loader/a11409b9aad03e8334000c390e237f42.json
 create mode 100644 node_modules/.cache/vue-loader/a192ac8293330fbd00707addb69b0515.json
 create mode 100644 node_modules/.cache/vue-loader/a24e3b4ef19e1897a5f4b3c2b45b878e.json
 create mode 100644 node_modules/.cache/vue-loader/a2de420de6f2deefeb75c001754e59e0.json
 create mode 100644 node_modules/.cache/vue-loader/a2e72658e81b64af4a79d2b6df0d9d5b.json
 create mode 100644 node_modules/.cache/vue-loader/a30da69fc762d3a77f487e03b25b18ae.json
 create mode 100644 node_modules/.cache/vue-loader/a371e60d1f30ea2cafce177f900eabeb.json
 create mode 100644 node_modules/.cache/vue-loader/a3d00b636c3b06108519b55b30e3f962.json
 create mode 100644 node_modules/.cache/vue-loader/a4063479d8d547826d8946fca249edbd.json
 create mode 100644 node_modules/.cache/vue-loader/a409af24f39de7629659766c0df95b49.json
 create mode 100644 node_modules/.cache/vue-loader/a45d44cb17fc91e7f838d3d7886e3727.json
 create mode 100644 node_modules/.cache/vue-loader/a4eaaa2ab0aad1ea825089c718a3a122.json
 create mode 100644 node_modules/.cache/vue-loader/a539d9eb9707378fe3f878803c2b4c01.json
 create mode 100644 node_modules/.cache/vue-loader/a565f3cca1fca2495ccf33515d5acb38.json
 create mode 100644 node_modules/.cache/vue-loader/a5a59a84a187daf95bd7537d4996b51c.json
 create mode 100644 node_modules/.cache/vue-loader/a5d8945eac02c1fbeade219b186db73d.json
 create mode 100644 node_modules/.cache/vue-loader/a5f0154e362fc7f68c6bd18453a84fe3.json
 create mode 100644 node_modules/.cache/vue-loader/a73fb71bd035dc8f6998c4299f4d66cf.json
 create mode 100644 node_modules/.cache/vue-loader/a8e59cf720721c92b1525eedfce95256.json
 create mode 100644 node_modules/.cache/vue-loader/a911626be17c7f42d7efd310191b3afd.json
 create mode 100644 node_modules/.cache/vue-loader/aabf73796bd8671b402d52fdae2c121e.json
 create mode 100644 node_modules/.cache/vue-loader/aaf249ab16370648eb33823bfcf3daae.json
 create mode 100644 node_modules/.cache/vue-loader/ab9d9bcf55666555c5d8a3a54adcbcda.json
 create mode 100644 node_modules/.cache/vue-loader/aba909f0ed0574f52d5212fb113773d0.json
 create mode 100644 node_modules/.cache/vue-loader/abf27745e885e4b922890c57e5144faa.json
 create mode 100644 node_modules/.cache/vue-loader/ac5c164ac342dbde21fc19ce715fcfa2.json
 create mode 100644 node_modules/.cache/vue-loader/acd7c66f410967f11e6af91daf354d2b.json
 create mode 100644 node_modules/.cache/vue-loader/ad304956270f859ae9699c5aca365b1c.json
 create mode 100644 node_modules/.cache/vue-loader/ad6f12668e0e5ba39d36d465e697cdf8.json
 create mode 100644 node_modules/.cache/vue-loader/adddf4e7b2a4d974a736a1af125ed340.json
 create mode 100644 node_modules/.cache/vue-loader/ae20ab78d3d7188d1d7583d4bfbc8b05.json
 create mode 100644 node_modules/.cache/vue-loader/aeb6f4e2642015ea650cbb1b0b9f9a76.json
 create mode 100644 node_modules/.cache/vue-loader/aec17069c0cc24fc8fec7da0d413cb6e.json
 create mode 100644 node_modules/.cache/vue-loader/af7ac203e4a3d6ad339a7c323084fb0f.json
 create mode 100644 node_modules/.cache/vue-loader/b0c5e7905b9899163db1a5d3ccf4a2e6.json
 create mode 100644 node_modules/.cache/vue-loader/b0ddb3d09a0296e4bada4a5c176e9d49.json
 create mode 100644 node_modules/.cache/vue-loader/b1ca213e4621c1abb20e1c5855af23f0.json
 create mode 100644 node_modules/.cache/vue-loader/b1ddf1b875679227ef19b8b6fb6d0ba1.json
 create mode 100644 node_modules/.cache/vue-loader/b1e9e65e82cd76727b199493a1897f8c.json
 create mode 100644 node_modules/.cache/vue-loader/b346d8f806dc1df329cf5d30d7a35a52.json
 create mode 100644 node_modules/.cache/vue-loader/b51108366f89898af071424d71606bba.json
 create mode 100644 node_modules/.cache/vue-loader/b54197de6c4c50dc91acbbe6684b4f9e.json
 create mode 100644 node_modules/.cache/vue-loader/b569e806147251f1223c47ac7416bffa.json
 create mode 100644 node_modules/.cache/vue-loader/b5f554cc81b89fa3c345f3b4b0ff4490.json
 create mode 100644 node_modules/.cache/vue-loader/b60cc899c520019357f453e2e813ee96.json
 create mode 100644 node_modules/.cache/vue-loader/b60fdd67ff2ff5a4a015407171e8ad47.json
 create mode 100644 node_modules/.cache/vue-loader/b6bea3dd83753b0cf9dd84d413dbad2d.json
 create mode 100644 node_modules/.cache/vue-loader/b71eb197739f4d411a4831b58ade2a6a.json
 create mode 100644 node_modules/.cache/vue-loader/b93ef8eb929b8dabccae63849b4b15cb.json
 create mode 100644 node_modules/.cache/vue-loader/babc4672b66c1d4c8d0a31fa93c72a7a.json
 create mode 100644 node_modules/.cache/vue-loader/bb9de6af13527e3c348e20f9f32e51fa.json
 create mode 100644 node_modules/.cache/vue-loader/bbcd06b1f3a02a27e7c5cc0f8943232c.json
 create mode 100644 node_modules/.cache/vue-loader/bca24f1daf5cd030c0cadf11910f26a7.json
 create mode 100644 node_modules/.cache/vue-loader/bdc3d92927aed5403c78b3b41d89ace9.json
 create mode 100644 node_modules/.cache/vue-loader/be4b0e3327d0687647f79bc83db37ba9.json
 create mode 100644 node_modules/.cache/vue-loader/be5152d407d87fac5fa199b867bf3438.json
 create mode 100644 node_modules/.cache/vue-loader/bf14ce2358b1c134d63d9826abe45075.json
 create mode 100644 node_modules/.cache/vue-loader/c0007ec2dd165181cabc0f366bccbf4a.json
 create mode 100644 node_modules/.cache/vue-loader/c00835f8a55cdbd7276e7a954c3bd911.json
 create mode 100644 node_modules/.cache/vue-loader/c02237636778512c9dc74951ec46c65f.json
 create mode 100644 node_modules/.cache/vue-loader/c14fb8db1d51f2093d9756ba5a527105.json
 create mode 100644 node_modules/.cache/vue-loader/c1968f10ee118dc436ab5d95b3395e01.json
 create mode 100644 node_modules/.cache/vue-loader/c1a86efd42876adb12688f3467d043b4.json
 create mode 100644 node_modules/.cache/vue-loader/c3c2b2f1386bee366d21ee0dc0f45e38.json
 create mode 100644 node_modules/.cache/vue-loader/c4568c56d3623aa1cd4c64fdcfa00f1d.json
 create mode 100644 node_modules/.cache/vue-loader/c52bb00013344a2200416f7b7e744117.json
 create mode 100644 node_modules/.cache/vue-loader/c560385484219a71bb9500a6fd9cee3b.json
 create mode 100644 node_modules/.cache/vue-loader/c60ac8ae4c06170f17f41b7ab1215170.json
 create mode 100644 node_modules/.cache/vue-loader/c675aedc49b63329181ac1d570852732.json
 create mode 100644 node_modules/.cache/vue-loader/c7665ae2c9c88fa94c58b4b86b5b86a7.json
 create mode 100644 node_modules/.cache/vue-loader/c787454daf20ae4592412da806307a2d.json
 create mode 100644 node_modules/.cache/vue-loader/c800323fcdaf8d7c35a9981b885fbcd6.json
 create mode 100644 node_modules/.cache/vue-loader/c823e22d9b6c3800a335e356911bcbb1.json
 create mode 100644 node_modules/.cache/vue-loader/c8574e27a80a4b7c84b726838b71af5a.json
 create mode 100644 node_modules/.cache/vue-loader/c8fb5ad86f91ccdc1aaf6b9e225fc3f1.json
 create mode 100644 node_modules/.cache/vue-loader/ca1c0905f56a754b4135e545509b286b.json
 create mode 100644 node_modules/.cache/vue-loader/ca26c217d90bf7ffd626a3ff11e4ad03.json
 create mode 100644 node_modules/.cache/vue-loader/cab1063901647b27ac4f32d86dbe3504.json
 create mode 100644 node_modules/.cache/vue-loader/cad1bcf2a7a68e0324fb8e3add523f38.json
 create mode 100644 node_modules/.cache/vue-loader/cb26a9752de3ace846e0d51ee2ff421e.json
 create mode 100644 node_modules/.cache/vue-loader/cb66f740614a786e1943478db837b6c7.json
 create mode 100644 node_modules/.cache/vue-loader/cbb81d5b3a05d16a2f2c69a9f88ad5e0.json
 create mode 100644 node_modules/.cache/vue-loader/cc156cf36b8141c7e65ae12b1e28b6b1.json
 create mode 100644 node_modules/.cache/vue-loader/cc75f4c084ebe33a88fef43182f661cf.json
 create mode 100644 node_modules/.cache/vue-loader/ccc4de7a82285fe5b654b59568e230a1.json
 create mode 100644 node_modules/.cache/vue-loader/ccebc64566042e31d70f60a4f67bc85c.json
 create mode 100644 node_modules/.cache/vue-loader/ce4c9c98dd01e2586ab7036c64eea925.json
 create mode 100644 node_modules/.cache/vue-loader/d09718c1fbea0f729bb9636802f6ab6c.json
 create mode 100644 node_modules/.cache/vue-loader/d0be59e7f2b4deeb15ea9cd19c681b40.json
 create mode 100644 node_modules/.cache/vue-loader/d0f39c579e7640a24da0c9c3746227a4.json
 create mode 100644 node_modules/.cache/vue-loader/d14dce2799b1cc7692ee3e10b52fd850.json
 create mode 100644 node_modules/.cache/vue-loader/d15460ab7c39aedc6979309d1c7e4446.json
 create mode 100644 node_modules/.cache/vue-loader/d19c4481061a42f91edf2f934d604c6c.json
 create mode 100644 node_modules/.cache/vue-loader/d20360d0733a1c923c5250a731b89444.json
 create mode 100644 node_modules/.cache/vue-loader/d2546534ae5677a8e58b60df59c2c2c4.json
 create mode 100644 node_modules/.cache/vue-loader/d2c29f7c0eb4f3e8640ba2b13932a968.json
 create mode 100644 node_modules/.cache/vue-loader/d3696e2a0d8d8a46da19996b2fffd893.json
 create mode 100644 node_modules/.cache/vue-loader/d6001801b5ed18882a9a824d8bcbb0a1.json
 create mode 100644 node_modules/.cache/vue-loader/d7685f939025040f550be6acb6ef4b64.json
 create mode 100644 node_modules/.cache/vue-loader/d78f9392eda9b2c14cdac9f588123cda.json
 create mode 100644 node_modules/.cache/vue-loader/d7d909fd5506e13d80ec599d223a15b3.json
 create mode 100644 node_modules/.cache/vue-loader/d812017ba8ada72050836ec85e3c413e.json
 create mode 100644 node_modules/.cache/vue-loader/d96c20722cf02a59c1b67ec6b1f71686.json
 create mode 100644 node_modules/.cache/vue-loader/da167ba33f0897cf7f784fea1ea87558.json
 create mode 100644 node_modules/.cache/vue-loader/da2d492bcb392c53537145d0bc9a846e.json
 create mode 100644 node_modules/.cache/vue-loader/da59c6ae3a7bea49ae9de3ad8f556b3a.json
 create mode 100644 node_modules/.cache/vue-loader/db28a937131b5f47fa4f2e94faf990c6.json
 create mode 100644 node_modules/.cache/vue-loader/dba064cace80b8dc6f59cc7452c10932.json
 create mode 100644 node_modules/.cache/vue-loader/dbf8f8e5cce43f08bddf587acabfa273.json
 create mode 100644 node_modules/.cache/vue-loader/dc0590e57bf95c10b7441f4e4ff9a26d.json
 create mode 100644 node_modules/.cache/vue-loader/de4b9b155c1cd384b9ba530087ead28a.json
 create mode 100644 node_modules/.cache/vue-loader/de4fdbd6e9819556c7aa92b38ebb6e09.json
 create mode 100644 node_modules/.cache/vue-loader/df6fb63dfa7b3c7929acb6d3e7f0dc73.json
 create mode 100644 node_modules/.cache/vue-loader/df9acbf878f514f33344088a18e54a84.json
 create mode 100644 node_modules/.cache/vue-loader/dfccd7340a6a87297918ac0209cbdac0.json
 create mode 100644 node_modules/.cache/vue-loader/e03eb3db217dd86eef48699b83376e84.json
 create mode 100644 node_modules/.cache/vue-loader/e08537a54c11bfd05175c2834bd6f801.json
 create mode 100644 node_modules/.cache/vue-loader/e0bd09024fe0d51602edd7d6fb63f91b.json
 create mode 100644 node_modules/.cache/vue-loader/e0d51b5917c7839387531588375efbfe.json
 create mode 100644 node_modules/.cache/vue-loader/e15b5bb2145b37a9a69352e789d8c5d1.json
 create mode 100644 node_modules/.cache/vue-loader/e196a54f0094e8e7b3ce88c610df88f8.json
 create mode 100644 node_modules/.cache/vue-loader/e1abcc1adb10a7e4891e4a2f99c71b94.json
 create mode 100644 node_modules/.cache/vue-loader/e20d1acf40a75579a8c97f18400b4877.json
 create mode 100644 node_modules/.cache/vue-loader/e2e8b3a09bf892e2b361d72c024c2b1e.json
 create mode 100644 node_modules/.cache/vue-loader/e4287693e3ce062bc00d82c4dba0b7df.json
 create mode 100644 node_modules/.cache/vue-loader/e4c28338ee1d266558675857481a2491.json
 create mode 100644 node_modules/.cache/vue-loader/e540293529856a16532f6b605f5be66d.json
 create mode 100644 node_modules/.cache/vue-loader/e54acb66e646dfd69c4091e67cd63e8c.json
 create mode 100644 node_modules/.cache/vue-loader/e5c02132f91145b4f283fbabeeb68635.json
 create mode 100644 node_modules/.cache/vue-loader/e5edb3a9a5a72754ee8f86c68fd31bb5.json
 create mode 100644 node_modules/.cache/vue-loader/e60e3ed41bbf230f11f922d7a19e6790.json
 create mode 100644 node_modules/.cache/vue-loader/e6196d40ba9405f3c1d1f43ba4d50318.json
 create mode 100644 node_modules/.cache/vue-loader/e8d6acebc8682447a63916f9c8ada2ae.json
 create mode 100644 node_modules/.cache/vue-loader/e940c7bce6fada6ad75967d24aa12368.json
 create mode 100644 node_modules/.cache/vue-loader/ea4ab10bb5d530cdbce5edaeac06de5d.json
 create mode 100644 node_modules/.cache/vue-loader/ea89c97c7b24387263ae564f95acfb59.json
 create mode 100644 node_modules/.cache/vue-loader/ead1752b7893c9514f7a03894d364814.json
 create mode 100644 node_modules/.cache/vue-loader/eb16eef906ef85f19a4488304cfab1c2.json
 create mode 100644 node_modules/.cache/vue-loader/eb1e1dd8da1b5c269e7e17840816a90d.json
 create mode 100644 node_modules/.cache/vue-loader/eb35602de1b7e6c6c47108917c6da4bd.json
 create mode 100644 node_modules/.cache/vue-loader/ebbd9c71612406449faa127d265f28b8.json
 create mode 100644 node_modules/.cache/vue-loader/ebd333b2adb8fc0288f398b72993e627.json
 create mode 100644 node_modules/.cache/vue-loader/ec35909c0ac4665ccd15b9642a4e9b10.json
 create mode 100644 node_modules/.cache/vue-loader/ec56190463336d1210ec9ecf40895277.json
 create mode 100644 node_modules/.cache/vue-loader/ed56cab3a296b53199f385647e0d63d0.json
 create mode 100644 node_modules/.cache/vue-loader/ed6af5cff7d6a44ab8839a62e89cf625.json
 create mode 100644 node_modules/.cache/vue-loader/edc8aa65b36394f987c341341f38f31b.json
 create mode 100644 node_modules/.cache/vue-loader/edcf31ca7cbb9e3fc0c404ca28c42371.json
 create mode 100644 node_modules/.cache/vue-loader/ee2eedd7f606fbeb031f5e54cf7dcde6.json
 create mode 100644 node_modules/.cache/vue-loader/ee98cc4bb8eebc9ffcf910ebb4182eb0.json
 create mode 100644 node_modules/.cache/vue-loader/ee9941371ea6b015ac43ea701d4e2c6e.json
 create mode 100644 node_modules/.cache/vue-loader/efee434367d1a0a55410ef709166f474.json
 create mode 100644 node_modules/.cache/vue-loader/f01be22257b6b97427e6b9751adb56b3.json
 create mode 100644 node_modules/.cache/vue-loader/f1aa769a2c4058984a810d257e09bfe6.json
 create mode 100644 node_modules/.cache/vue-loader/f1c0dd365e88f3c5bde6050c6ed7cb3a.json
 create mode 100644 node_modules/.cache/vue-loader/f23654fe1256fdc0e9d498764f68ea34.json
 create mode 100644 node_modules/.cache/vue-loader/f25d1ac1e3dafc9889cf038697486fb7.json
 create mode 100644 node_modules/.cache/vue-loader/f483d27b25e76607e33996fb938e5fe8.json
 create mode 100644 node_modules/.cache/vue-loader/f48668125149fb765be63a41b3b5fc3c.json
 create mode 100644 node_modules/.cache/vue-loader/f494eef66a5e74449063d8442540bfed.json
 create mode 100644 node_modules/.cache/vue-loader/f55816ffd4937a0ee9a6d935ea26470e.json
 create mode 100644 node_modules/.cache/vue-loader/f71d16e2679abfcebe4ca5a315ad66ad.json
 create mode 100644 node_modules/.cache/vue-loader/f72b67a09a8bc058682e0e7b2da234de.json
 create mode 100644 node_modules/.cache/vue-loader/f7d19eaea5194ec5bfab01bb200d2a89.json
 create mode 100644 node_modules/.cache/vue-loader/f8bf63e2c441f0218e8f213d8d10ec5c.json
 create mode 100644 node_modules/.cache/vue-loader/f8dcd067ae5391977b376bfc9cdb910b.json
 create mode 100644 node_modules/.cache/vue-loader/f9278b806494253922aa3d272f85d394.json
 create mode 100644 node_modules/.cache/vue-loader/f9509402f293a0280a71350fab576984.json
 create mode 100644 node_modules/.cache/vue-loader/f965f95a8f3326a7826161b591381955.json
 create mode 100644 node_modules/.cache/vue-loader/f97cc69109c9896ba4f27aec9308e5de.json
 create mode 100644 node_modules/.cache/vue-loader/f98d97d78c87db394e107f4133790ac8.json
 create mode 100644 node_modules/.cache/vue-loader/fa0627f1ccb11547f91254d9448d1abe.json
 create mode 100644 node_modules/.cache/vue-loader/fa1bec51154fe30b0719da2d314a642e.json
 create mode 100644 node_modules/.cache/vue-loader/fa2091ab1133f2ab3e224184f0fc500c.json
 create mode 100644 node_modules/.cache/vue-loader/fc93dd3d0deeef437d5d43cf25c1fddc.json
 create mode 100644 node_modules/.cache/vue-loader/fcdd100fd8c3813a5bc7a03470be40b7.json
 create mode 100644 node_modules/.cache/vue-loader/fd8a7acd0dabb949076d04d6dd61ebd1.json
 create mode 100644 node_modules/.cache/vue-loader/fe0dc93018c7c0443d42de078d9dd15d.json
 create mode 100644 node_modules/.cache/vue-loader/fe8a568931c232d82a2ea8bab31b3096.json
 create mode 100644 node_modules/.cache/vue-loader/ff68f6cdb56358c7ad42043dbd86fa60.json
 create mode 100644 node_modules/.cache/vue-loader/ff9ceed08ec7c080bedbe7ef05af15a3.json
 create mode 100644 node_modules/.cache/vue-loader/ffead24b79a33f8fa0825bac3abc7d95.json

diff --git a/node_modules/.cache/babel-loader/09fabef8372ba6ccb28640250f8a9a03.json b/node_modules/.cache/babel-loader/09fabef8372ba6ccb28640250f8a9a03.json
new file mode 100644
index 00000000..f19c64b2
--- /dev/null
+++ b/node_modules/.cache/babel-loader/09fabef8372ba6ccb28640250f8a9a03.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\config\\apiurl.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\config\\apiurl.js","mtime":1673232721945},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["export default {\n  dataUrl: \"http://172.16.1.22:8080/aps/AddShipjk\",\n  getSpareElementOrder: \"http://172.16.1.22:8080/aps/Upload\",\n  postSetQuanjsz: \"http://172.16.1.22:8080/aps/SetQuanjsz\"\n};",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/config/apiurl.js"],"names":["dataUrl","getSpareElementOrder","postSetQuanjsz"],"mappings":"AACA,eAAe;AACbA,EAAAA,OAAO,EAAE,uCADI;AAEbC,EAAAA,oBAAoB,EAAE,oCAFT;AAGbC,EAAAA,cAAc,EAAE;AAHH,CAAf","sourcesContent":["\r\nexport default {\r\n  dataUrl: \"http://172.16.1.22:8080/aps/AddShipjk\",\r\n  getSpareElementOrder: \"http://172.16.1.22:8080/aps/Upload\",\r\n  postSetQuanjsz: \"http://172.16.1.22:8080/aps/SetQuanjsz\",\r\n};\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/11f462871e9134f5851bf0a56f2a756c.json b/node_modules/.cache/babel-loader/11f462871e9134f5851bf0a56f2a756c.json
new file mode 100644
index 00000000..6f291d12
--- /dev/null
+++ b/node_modules/.cache/babel-loader/11f462871e9134f5851bf0a56f2a756c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\api\\index.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\api\\index.js","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import axios from 'axios';\nimport qs from 'qs';\n\nif (process.env.NODE_ENV === 'development') {\n  axios.defaults.baseURL = '/';\n} else if (process.env.NODE_ENV === 'production') {\n  axios.defaults.baseURL = '/';\n} //获取视频数据接口\n\n\nexport var getGetShipjk = function getGetShipjk(params) {\n  return axios.get('aps/GetShipjk', {\n    params: params\n  });\n}; //获取全局设置\n\nexport var getQuanjszData = function getQuanjszData(params) {\n  return axios.get('aps/GetQuanjsz', {\n    params: params\n  });\n}; //\n\nexport var postAddShipjk = function postAddShipjk(data) {\n  // return axios.post('aps/AddShipjk', {\n  //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\n  //     F_VC_LEIX:data.F_VC_LEIX,\n  //     // data: formData,\n  // })\n  return axios.post('aps/AddShipjk', data);\n}; //分析-删除视频源接口\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\n\nexport var getDeleteShipjk = function getDeleteShipjk(params) {\n  return axios.get('aps/DeleteShipjk', {\n    params: params\n  });\n}; //视频分析预览",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/api/index.js"],"names":["axios","qs","process","env","NODE_ENV","defaults","baseURL","getGetShipjk","params","get","getQuanjszData","postAddShipjk","data","post","getDeleteShipjk"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,IAAf;;AACA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AACxCJ,EAAAA,KAAK,CAACK,QAAN,CAAeC,OAAf,GAAyB,GAAzB;AACH,CAFD,MAEO,IAAIJ,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AAC9CJ,EAAAA,KAAK,CAACK,QAAN,CAAeC,OAAf,GAAyB,GAAzB;AACH,C,CACD;;;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,MAAD,EAAY;AACpC,SAAOR,KAAK,CAACS,GAAN,CAAU,eAAV,EAA2B;AAC9BD,IAAAA,MAAM,EAANA;AAD8B,GAA3B,CAAP;AAGH,CAJM,C,CAKP;;AACA,OAAO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACF,MAAD,EAAY;AACtC,SAAOR,KAAK,CAACS,GAAN,CAAU,gBAAV,EAA4B;AAC/BD,IAAAA,MAAM,EAANA;AAD+B,GAA5B,CAAP;AAGH,CAJM,C,CAMP;;AACA,OAAO,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAU;AACnC;AACA;AACA;AACA;AACA;AACA,SAAOZ,KAAK,CAACa,IAAN,CAAW,eAAX,EAA4BD,IAA5B,CAAP;AACH,CAPM,C,CAQP;AACA;;AACA,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACN,MAAD,EAAY;AACvC,SAAOR,KAAK,CAACS,GAAN,CAAU,kBAAV,EAA8B;AACjCD,IAAAA,MAAM,EAANA;AADiC,GAA9B,CAAP;AAGH,CAJM,C,CAKP","sourcesContent":["import axios from 'axios'\r\nimport qs from 'qs'\r\nif (process.env.NODE_ENV === 'development') {\r\n    axios.defaults.baseURL = '/'\r\n} else if (process.env.NODE_ENV === 'production') {\r\n    axios.defaults.baseURL = '/'\r\n}\r\n//获取视频数据接口\r\nexport const getGetShipjk = (params) => {\r\n    return axios.get('aps/GetShipjk', {\r\n        params\r\n    })\r\n};\r\n//获取全局设置\r\nexport const getQuanjszData = (params) => {\r\n    return axios.get('aps/GetQuanjsz', {\r\n        params\r\n    })\r\n};\r\n\r\n//\r\nexport const postAddShipjk = (data) => {\r\n    // return axios.post('aps/AddShipjk', {\r\n    //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\r\n    //     F_VC_LEIX:data.F_VC_LEIX,\r\n    //     // data: formData,\r\n    // })\r\n    return axios.post('aps/AddShipjk', data)\r\n};\r\n//分析-删除视频源接口\r\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\r\nexport const getDeleteShipjk = (params) => {\r\n    return axios.get('aps/DeleteShipjk', {\r\n        params\r\n    })\r\n};\r\n//视频分析预览\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/16b5f1c4b905d26348908dd1793c1ffc.json b/node_modules/.cache/babel-loader/16b5f1c4b905d26348908dd1793c1ffc.json
new file mode 100644
index 00000000..85cce5cb
--- /dev/null
+++ b/node_modules/.cache/babel-loader/16b5f1c4b905d26348908dd1793c1ffc.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.number.constructor\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { scrollTo } from '@/utils/scroll-to';\nexport default {\n  name: 'Pagination',\n  props: {\n    total: {\n      required: true,\n      type: Number\n    },\n    page: {\n      type: Number,\n      default: 1\n    },\n    limit: {\n      type: Number,\n      default: 20\n    },\n    pageSizes: {\n      type: Array,\n      default: function _default() {\n        return [10, 20, 30, 50, 100];\n      }\n    },\n    layout: {\n      type: String,\n      default: 'total, sizes, prev, pager, next, jumper'\n    },\n    background: {\n      type: Boolean,\n      default: true\n    },\n    autoScroll: {\n      type: Boolean,\n      default: true\n    },\n    hidden: {\n      type: Boolean,\n      default: false\n    }\n  },\n  computed: {\n    currentPage: {\n      get: function get() {\n        return this.page;\n      },\n      set: function set(val) {\n        this.$emit('update:page', val);\n      }\n    },\n    pageSize: {\n      get: function get() {\n        return this.limit;\n      },\n      set: function set(val) {\n        this.$emit('update:limit', val);\n      }\n    }\n  },\n  methods: {\n    handleSizeChange: function handleSizeChange(val) {\n      this.$emit('pagination', {\n        page: this.currentPage,\n        limit: val\n      });\n\n      if (this.autoScroll) {\n        scrollTo(0, 800);\n      }\n    },\n    handleCurrentChange: function handleCurrentChange(val) {\n      this.$emit('pagination', {\n        page: val,\n        limit: this.pageSize\n      });\n\n      if (this.autoScroll) {\n        scrollTo(0, 800);\n      }\n    }\n  }\n};",{"version":3,"sources":["Pagination.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBA,SAAA,QAAA,QAAA,mBAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,YADA;AAEA,EAAA,KAAA,EAAA;AACA,IAAA,KAAA,EAAA;AACA,MAAA,QAAA,EAAA,IADA;AAEA,MAAA,IAAA,EAAA;AAFA,KADA;AAKA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA,KALA;AASA,IAAA,KAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA,KATA;AAaA,IAAA,SAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,GAAA,CAAA;AACA;AAJA,KAbA;AAmBA,IAAA,MAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA,KAnBA;AAuBA,IAAA,UAAA,EAAA;AACA,MAAA,IAAA,EAAA,OADA;AAEA,MAAA,OAAA,EAAA;AAFA,KAvBA;AA2BA,IAAA,UAAA,EAAA;AACA,MAAA,IAAA,EAAA,OADA;AAEA,MAAA,OAAA,EAAA;AAFA,KA3BA;AA+BA,IAAA,MAAA,EAAA;AACA,MAAA,IAAA,EAAA,OADA;AAEA,MAAA,OAAA,EAAA;AAFA;AA/BA,GAFA;AAsCA,EAAA,QAAA,EAAA;AACA,IAAA,WAAA,EAAA;AACA,MAAA,GADA,iBACA;AACA,eAAA,KAAA,IAAA;AACA,OAHA;AAIA,MAAA,GAJA,eAIA,GAJA,EAIA;AACA,aAAA,KAAA,CAAA,aAAA,EAAA,GAAA;AACA;AANA,KADA;AASA,IAAA,QAAA,EAAA;AACA,MAAA,GADA,iBACA;AACA,eAAA,KAAA,KAAA;AACA,OAHA;AAIA,MAAA,GAJA,eAIA,GAJA,EAIA;AACA,aAAA,KAAA,CAAA,cAAA,EAAA,GAAA;AACA;AANA;AATA,GAtCA;AAwDA,EAAA,OAAA,EAAA;AACA,IAAA,gBADA,4BACA,GADA,EACA;AACA,WAAA,KAAA,CAAA,YAAA,EAAA;AAAA,QAAA,IAAA,EAAA,KAAA,WAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OAAA;;AACA,UAAA,KAAA,UAAA,EAAA;AACA,QAAA,QAAA,CAAA,CAAA,EAAA,GAAA,CAAA;AACA;AACA,KANA;AAOA,IAAA,mBAPA,+BAOA,GAPA,EAOA;AACA,WAAA,KAAA,CAAA,YAAA,EAAA;AAAA,QAAA,IAAA,EAAA,GAAA;AAAA,QAAA,KAAA,EAAA,KAAA;AAAA,OAAA;;AACA,UAAA,KAAA,UAAA,EAAA;AACA,QAAA,QAAA,CAAA,CAAA,EAAA,GAAA,CAAA;AACA;AACA;AAZA;AAxDA,CAAA","sourcesContent":["<template>\r\n  <div :class=\"{'hidden':hidden}\" class=\"pagination-container\">\r\n    <el-pagination\r\n      :background=\"background\"\r\n      :current-page.sync=\"currentPage\"\r\n      :page-size.sync=\"pageSize\"\r\n      :layout=\"layout\"\r\n      :page-sizes=\"pageSizes\"\r\n      :total=\"total\"\r\n      v-bind=\"$attrs\"\r\n      @size-change=\"handleSizeChange\"\r\n      @current-change=\"handleCurrentChange\"\r\n    ></el-pagination>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { scrollTo } from '@/utils/scroll-to';\r\n\r\nexport default {\r\n  name: 'Pagination',\r\n  props: {\r\n    total: {\r\n      required: true,\r\n      type: Number\r\n    },\r\n    page: {\r\n      type: Number,\r\n      default: 1\r\n    },\r\n    limit: {\r\n      type: Number,\r\n      default: 20\r\n    },\r\n    pageSizes: {\r\n      type: Array,\r\n      default() {\r\n        return [10, 20, 30, 50, 100]\r\n      }\r\n    },\r\n    layout: {\r\n      type: String,\r\n      default: 'total, sizes, prev, pager, next, jumper'\r\n    },\r\n    background: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    autoScroll: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    hidden: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    currentPage: {\r\n      get() {\r\n        return this.page;\r\n      },\r\n      set(val) {\r\n        this.$emit('update:page', val);\r\n      }\r\n    },\r\n    pageSize: {\r\n      get() {\r\n        return this.limit;\r\n      },\r\n      set(val) {\r\n        this.$emit('update:limit', val);\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    handleSizeChange(val) {\r\n      this.$emit('pagination', { page: this.currentPage, limit: val });\r\n      if (this.autoScroll) {\r\n        scrollTo(0, 800);\r\n      }\r\n    },\r\n    handleCurrentChange(val) {\r\n      this.$emit('pagination', { page: val, limit: this.pageSize });\r\n      if (this.autoScroll) {\r\n        scrollTo(0, 800);\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n  background: #fff;\r\n  padding: 10px 0 0 16px;\r\n}\r\n.pagination-container.hidden {\r\n  display: none;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/components/common"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/1a3c4c946d546c334981246ae01b241f.json b/node_modules/.cache/babel-loader/1a3c4c946d546c334981246ae01b241f.json
new file mode 100644
index 00000000..93725f07
--- /dev/null
+++ b/node_modules/.cache/babel-loader/1a3c4c946d546c334981246ae01b241f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  props: ['menuNavList'],\n  name: 'MenuTree'\n};",{"version":3,"sources":["sideBarCommon.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,eAAA;AACA,EAAA,KAAA,EAAA,CAAA,aAAA,CADA;AAEA,EAAA,IAAA,EAAA;AAFA,CAAA","sourcesContent":["\r\n<template>\r\n    <div>\r\n        <template v-for=\"navMenu in this.menuNavList\">\r\n                <el-menu-item v-if=\"!navMenu.children\" :index=\"navMenu.path\" :route=\"navMenu.path\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span slot=\"title\">{{ navMenu.title }}</span>\r\n                </el-menu-item>\r\n                <el-submenu v-if=\"navMenu.children\" :key=\"navMenu.path\" :index=\"navMenu.path\">\r\n                    <template slot=\"title\">\r\n                        <i :class=\"navMenu.icon\"></i>\r\n                        <span> {{ navMenu.title }}</span>\r\n                    </template>\r\n                    <menu-tree :menuNavList=\"navMenu.children\"></menu-tree>\r\n                    <!-- <nav-menu :navMenus=\"navMenu.children\"></nav-menu> -->\r\n                </el-submenu>\r\n        </template>\r\n    </div>\r\n</template>\r\n \r\n<script>\r\n    export default {\r\n        props: ['menuNavList'],\r\n        name: 'MenuTree',\r\n    }\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n</style>"],"sourceRoot":"src/components/sidemenu"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/1c00eca8c81e0b30dc5722e6fc2473a2.json b/node_modules/.cache/babel-loader/1c00eca8c81e0b30dc5722e6fc2473a2.json
index 25486641..d3a747b1 100644
--- a/node_modules/.cache/babel-loader/1c00eca8c81e0b30dc5722e6fc2473a2.json
+++ b/node_modules/.cache/babel-loader/1c00eca8c81e0b30dc5722e6fc2473a2.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673261112620},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'tableShow',\n  //表格组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    type: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A'],\n      options: [{\n        value: '选项1',\n        label: '黄金糕'\n      }, {\n        value: '选项2',\n        label: '双皮奶'\n      }, {\n        value: '选项3',\n        label: '蚵仔煎'\n      }, {\n        value: '选项4',\n        label: '龙须面'\n      }, {\n        value: '选项5',\n        label: '北京烤鸭'\n      }],\n      value: ''\n    };\n  },\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAjBA,CALA;AA2BA,MAAA,KAAA,EAAA;AA3BA,KAAA;AA6BA,GA3CA;AA4CA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AAAA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA;AALA,GA5CA;AAoDA,EAAA,OApDA,qBAoDA,CAEA;AAtDA,CAAA","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        \r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"时间\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均流量\"></el-table-column>\r\n           \r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673590673775},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'tableShow',\n  //表格组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    type: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A'],\n      options: [{\n        value: '选项1',\n        label: '黄金糕'\n      }, {\n        value: '选项2',\n        label: '双皮奶'\n      }, {\n        value: '选项3',\n        label: '蚵仔煎'\n      }, {\n        value: '选项4',\n        label: '龙须面'\n      }, {\n        value: '选项5',\n        label: '北京烤鸭'\n      }],\n      value: ''\n    };\n  },\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    },\n    onSubmit: function onSubmit() {},\n    handleClose: function handleClose() {}\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAjBA,CALA;AA2BA,MAAA,KAAA,EAAA;AA3BA,KAAA;AA6BA,GA3CA;AA4CA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KANA;AAOA,IAAA,QAPA,sBAOA,CAAA,CAPA;AAQA,IAAA,WARA,yBAQA,CAAA;AARA,GA5CA;AAsDA,EAAA,OAtDA,qBAsDA,CAAA;AAtDA,CAAA","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"plate\" label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"lane\" label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"headWay\" label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        },\r\n        onSubmit() {},\r\n        handleClose() {}\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon {\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/1ef6d46f643d30c4ae0f4168b5cb1dd3.json b/node_modules/.cache/babel-loader/1ef6d46f643d30c4ae0f4168b5cb1dd3.json
new file mode 100644
index 00000000..1313c463
--- /dev/null
+++ b/node_modules/.cache/babel-loader/1ef6d46f643d30c4ae0f4168b5cb1dd3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      radio: 1\n    };\n  }\n};",{"version":3,"sources":["test1-3.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA;AALA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 3 </p>\r\n    <div class=\"test-div\">\r\n      <el-radio-group v-model=\"radio\">\r\n        <el-radio :label=\"1\">选项一</el-radio>\r\n        <el-radio :label=\"2\">选项二</el-radio>\r\n        <el-radio :label=\"3\">选项三</el-radio>\r\n      </el-radio-group>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      radio: 1\r\n    }\r\n  }\r\n}\r\n</script>"],"sourceRoot":"src/page/test1"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/21e4af3c95b9d098db24bfb9316aa851.json b/node_modules/.cache/babel-loader/21e4af3c95b9d098db24bfb9316aa851.json
new file mode 100644
index 00000000..2a2c6e6a
--- /dev/null
+++ b/node_modules/.cache/babel-loader/21e4af3c95b9d098db24bfb9316aa851.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue","mtime":1673415153060},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'speedChart',\n  //速度组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    regionTable: regionTable,\n    thermalChart: thermalChart,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 速度组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/21e997367a752e41c28c92c30944d8b2.json b/node_modules/.cache/babel-loader/21e997367a752e41c28c92c30944d8b2.json
index a96b1aa3..bd2a7ce8 100644
--- a/node_modules/.cache/babel-loader/21e997367a752e41c28c92c30944d8b2.json
+++ b/node_modules/.cache/babel-loader/21e997367a752e41c28c92c30944d8b2.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673318349844},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'delayChart',\n  //延迟组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"> <span class=\"titleIcon\"></span>  延误组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\"/>\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\"/>\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType=='触发'\"/>\r\n                    <avgChart :list=\"periodicTime\" v-if=\"triggerType=='周期时刻'\"/>\r\n                    <avgChart :list=\"periodicStatistic\" v-if=\"triggerType=='周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props:['pageType','triggerType'],\r\n    components:{\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n           tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        \r\n        \r\n    },\r\n    mounted() {\r\n\r\n    },\r\n    watch:{\r\n        \r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673593140949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'delayChart',\n  //延迟组件\n  props: ['pageType', 'triggerType', 'data'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      title: '延误组件'\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,OAAA,YAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,YADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA,YALA;AAMA,IAAA,WAAA,EAAA,WANA;AAOA,IAAA,QAAA,EAAA;AAPA,GAHA;AAYA,EAAA,IAZA,kBAYA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAhBA;AAiBA,EAAA,OAAA,EAAA,EAjBA;AAkBA,EAAA,OAlBA,qBAkBA,CAAA,CAlBA;AAmBA,EAAA,KAAA,EAAA;AAnBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\"></lineChart>\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '延误组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/236371806046be562db538d5f25400fc.json b/node_modules/.cache/babel-loader/236371806046be562db538d5f25400fc.json
new file mode 100644
index 00000000..ef015d08
--- /dev/null
+++ b/node_modules/.cache/babel-loader/236371806046be562db538d5f25400fc.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue","mtime":1673315311937},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\nexport default {\n  name: 'barChart',\n  //饼图组件\n  props: {\n    list: Array,\n    default: function _default() {\n      return [];\n    }\n  },\n  data: function data() {\n    return {};\n  },\n  methods: {\n    drawBar: function drawBar() {\n      // console.log(this.$refs.barChart,'11111');\n      var myChart = this.$echarts.init(this.$refs.barChart);\n      var option = {\n        color: ['#7262FD', '#FC5A5A'],\n        tooltip: {\n          confine: true\n        },\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        // legend: {\n        //     icon: 'rect',\n        //     orient: 'horizontal',\n        //     left: 'left',\n        //     itemWidth: 12,\n        //     itemHeight: 12,\n        //     formatter: ['{a|{name}}'].join('\\n'),\n        //     textStyle: {\n        //         fontSize: 12,\n        //         color: '#6A93B9',\n        //         height: 8,\n        //         rich: {\n        //             a: {\n        //                 verticalAlign: 'bottom',\n        //             },\n        //         },\n        //     },\n        //     data: ['已完成', '未完成'],\n        // },\n        xAxis: {\n          type: 'category',\n          data: this.list.map(function (value) {\n            return value.type;\n          }),\n          axisLine: {\n            lineStyle: {\n              color: '#000'\n            }\n          },\n          axisLabel: {\n            fontSize: 12,\n            color: '#000'\n          },\n          axisTick: {\n            show: false\n          }\n        },\n        yAxis: [{\n          type: 'value',\n          min: 0,\n          minInterval: 1,\n          splitArea: {\n            show: false\n          },\n          axisLine: {\n            show: true\n          },\n          axisTick: {\n            show: false\n          },\n          splitLine: {\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed' // dotted 虚线\n\n            }\n          },\n          axisLabel: {\n            fontSize: 12,\n            color: '#000',\n            fontFamily: 'Bebas'\n          }\n        }],\n        series: [{\n          type: 'bar',\n          barWidth: 20,\n          itemStyle: {\n            barBorderRadius: [5, 5, 0, 0]\n          },\n          name: '时间',\n          data: this.list.map(function (value) {\n            return value.speed;\n          })\n        }]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawBar();\n  }\n};",{"version":3,"sources":["barChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\r\n    <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props:{\r\n        list:Array,\r\n        default(){\r\n            return[]\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            \r\n        }\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            // console.log(this.$refs.barChart,'11111');\r\n            let myChart = this.$echarts.init(this.$refs.barChart)\r\n            let option = {\r\n                color: ['#7262FD', '#FC5A5A'],\r\n                tooltip: {\r\n                    confine: true,\r\n                },\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true,\r\n                },\r\n                // legend: {\r\n                //     icon: 'rect',\r\n                //     orient: 'horizontal',\r\n                //     left: 'left',\r\n                //     itemWidth: 12,\r\n                //     itemHeight: 12,\r\n                //     formatter: ['{a|{name}}'].join('\\n'),\r\n                //     textStyle: {\r\n                //         fontSize: 12,\r\n                //         color: '#6A93B9',\r\n                //         height: 8,\r\n                //         rich: {\r\n                //             a: {\r\n                //                 verticalAlign: 'bottom',\r\n                //             },\r\n                //         },\r\n                //     },\r\n                //     data: ['已完成', '未完成'],\r\n                // },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    data: this.list.map((value)=>{\r\n                        return value.type\r\n                    }),\r\n                    axisLine: {\r\n                        lineStyle: {\r\n                            color: '#000',\r\n                        },\r\n                    },\r\n                    axisLabel: {\r\n                        fontSize: 12,\r\n                        color: '#000',\r\n                    },\r\n                    axisTick: {\r\n                        show: false,\r\n                    },\r\n                },\r\n                yAxis: [\r\n                    {\r\n                    type: 'value',\r\n                    min: 0,\r\n                    minInterval: 1,\r\n                    splitArea: {\r\n                        show: false,\r\n                    },\r\n\r\n                    axisLine: {\r\n                        show: true,\r\n                    },\r\n                    axisTick: {\r\n                        show: false,\r\n                    },\r\n                    splitLine: {\r\n                        lineStyle: {\r\n                            color: '#eeebeb',\r\n                            type: 'dashed', // dotted 虚线\r\n                        },\r\n                    },\r\n                    axisLabel: {\r\n                        fontSize: 12,\r\n                        color: '#000',\r\n                        fontFamily: 'Bebas',\r\n                    },\r\n                }],\r\n                series: [{\r\n                    type: 'bar',\r\n                    barWidth: 20,\r\n                    itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n                    name: '时间',\r\n                    data: this.list.map((value)=>{\r\n                        return value.speed\r\n                    })\r\n                },\r\n                ],\r\n            };\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawBar()\r\n    }\r\n}\r\n</script>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/23f61eff79a8decdced1d385941bd3e7.json b/node_modules/.cache/babel-loader/23f61eff79a8decdced1d385941bd3e7.json
index 8f5e94b9..48a6c1ca 100644
--- a/node_modules/.cache/babel-loader/23f61eff79a8decdced1d385941bd3e7.json
+++ b/node_modules/.cache/babel-loader/23f61eff79a8decdced1d385941bd3e7.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673257804909},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'flowChart',\n  //流量组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        time: '7:40',\n        type: '小汽车',\n        carNumber: '苏E.999999',\n        lane: '成华大道',\n        event: 'in',\n        speed: '80',\n        headWay: '10'\n      }, {\n        time: '9:40',\n        type: '货车',\n        carNumber: '苏E.888888',\n        lane: '成华大道',\n        event: 'in',\n        speed: '60',\n        headWay: '10'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        carNumber: '苏E.777777',\n        lane: '成华大道',\n        event: 'in',\n        speed: '90',\n        headWay: '10'\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  流量组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props:['pageType','triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673593137304},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'flowChart',\n  //流量组件\n  props: ['pageType', 'triggerType', 'data'],\n  components: {\n    lineChart: lineChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  data: function data() {\n    return {\n      title: '流量组件'\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,OAAA,SAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,SAAA,EAAA,SAFA;AAGA,IAAA,YAAA,EAAA,YAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,WAAA,EAAA;AALA,GAHA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAdA;AAeA,EAAA,OAAA,EAAA,EAfA;AAgBA,EAAA,OAhBA,qBAgBA,CAAA;AAhBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\"></lineChart>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/2799823fb24d83e0eecc90533a78ce60.json b/node_modules/.cache/babel-loader/2799823fb24d83e0eecc90533a78ce60.json
new file mode 100644
index 00000000..1ff1dfcb
--- /dev/null
+++ b/node_modules/.cache/babel-loader/2799823fb24d83e0eecc90533a78ce60.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue","mtime":1673425086639},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n  name: 'thermalChart',\n  //折线图组件\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }]\n    };\n  },\n  methods: {\n    drawThermalChart: function drawThermalChart() {\n      var myChart = this.$echarts.init(this.$refs.thermalChart);\n      var option = {\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        textStyle: {\n          color: '#666',\n          fontSize: 13\n        },\n        toolbox: {\n          show: true,\n          feature: {\n            saveAsImage: {\n              backgroundColor: 'rgba(0,0,0,0)'\n            },\n            restore: {}\n          },\n          iconStyle: {\n            borderColor: '#666'\n          }\n        },\n        tooltip: {},\n        xAxis: {\n          nameTextStyle: {\n            color: '#666',\n            padding: [0, 0, -10, 0],\n            fontSize: 13\n          },\n          axisLabel: {\n            interval: 0,\n            textStyle: {\n              fontSize: 13\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          type: 'category',\n          data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\n          splitArea: {\n            show: true,\n            areaStyle: {\n              color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)']\n            }\n          }\n        },\n        yAxis: {\n          nameTextStyle: {\n            color: '#666',\n            padding: [0, 0, -10, 0],\n            fontSize: 13\n          },\n          axisLabel: {\n            interval: 0,\n            textStyle: {\n              fontSize: 13\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          type: 'category',\n          data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\n        },\n        visualMap: [{\n          min: 100,\n          max: 400,\n          calculable: false,\n          orient: 'horizontal',\n          left: 'center',\n          top: 20,\n          color: ['#C7021D', '#79E73C'],\n          text: ['高', '低'],\n          textStyle: {\n            color: '#666',\n            fontSize: 13\n          }\n        }],\n        series: [{\n          type: 'heatmap',\n          // pageSize: 20,\n          pointSize: 10,\n          blurSize: 10,\n          data: [[0, 0, 100], [0, 1, 100], [0, 2, 100], [0, 3, 100], // [0, 4, 100],\n          // [0, 5, 100],\n          // [0, 6, 200],\n          [1, 0, 120], [1, 1, 120], [1, 2, 125], [1, 3, 120], // [1, 4, 120],\n          // [1, 5, 120],\n          // [1, 6, 120],\n          [2, 0, 120], [2, 1, 140], [2, 2, 140], [2, 3, 140], // [2, 4, 140],\n          // [2, 5, 140],\n          // [2, 6, 140],\n          [3, 0, 200], [3, 1, 200], [3, 2, 200], [3, 3, 200] // [3, 4, 200],\n          // [3, 5, 200],\n          // [3, 6, 200],\n          // [4, 4, 300],\n          // [4, 5, 300],\n          // [4, 6, 300]\n          ],\n          label: {\n            show: true,\n            color: '#fff'\n          },\n          itemStyle: {\n            borderColor: 'rgba(255, 255, 255, 0.5)',\n            emphasis: {\n              shadowBlur: 0,\n              shadowColor: 'rgba(255, 255, 255, 0.5)'\n            }\n          }\n        }]\n      };\n      myChart.setOption(option);\n\n      window.onresize = function () {\n        // 根据窗口大小变化图表自适应\n        myChart.resize();\n      };\n    }\n  },\n  mounted: function mounted() {\n    this.drawThermalChart();\n  }\n};",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'thermalChart', //折线图组件\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    name: '111',\r\n                    val1: '100',\r\n                    val2: '200',\r\n                    val3: '300',\r\n                    val4: '400'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                textStyle: { color: '#666', fontSize: 13 },\r\n                toolbox: {\r\n                    show: true,\r\n                    feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n                    iconStyle: { borderColor: '#666' }\r\n                },\r\n                tooltip: {},\r\n                xAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n                    splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n                },\r\n                yAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n                },\r\n                visualMap: [\r\n                    {\r\n                        min: 100,\r\n                        max: 400,\r\n                        calculable: false,\r\n                        orient: 'horizontal',\r\n                        left: 'center',\r\n                        top: 20,\r\n                        color: ['#C7021D', '#79E73C'],\r\n                        text: ['高', '低'],\r\n                        textStyle: { color: '#666', fontSize: 13 }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        type: 'heatmap',\r\n                        // pageSize: 20,\r\n                        pointSize: 10,\r\n                        blurSize: 10,\r\n                        data: [\r\n                            [0, 0, 100],\r\n                            [0, 1, 100],\r\n                            [0, 2, 100],\r\n                            [0, 3, 100],\r\n                            // [0, 4, 100],\r\n                            // [0, 5, 100],\r\n                            // [0, 6, 200],\r\n\r\n                            [1, 0, 120],\r\n                            [1, 1, 120],\r\n                            [1, 2, 125],\r\n                            [1, 3, 120],\r\n                            // [1, 4, 120],\r\n                            // [1, 5, 120],\r\n                            // [1, 6, 120],\r\n\r\n                            [2, 0, 120],\r\n                            [2, 1, 140],\r\n                            [2, 2, 140],\r\n                            [2, 3, 140],\r\n                            // [2, 4, 140],\r\n                            // [2, 5, 140],\r\n                            // [2, 6, 140],\r\n\r\n                            [3, 0, 200],\r\n                            [3, 1, 200],\r\n                            [3, 2, 200],\r\n                            [3, 3, 200]\r\n                            // [3, 4, 200],\r\n                            // [3, 5, 200],\r\n                            // [3, 6, 200],\r\n\r\n\r\n                            // [4, 4, 300],\r\n                            // [4, 5, 300],\r\n                            // [4, 6, 300]\r\n                        ],\r\n                        label: { show: true, color: '#fff' },\r\n                        itemStyle: {\r\n                            borderColor: 'rgba(255, 255, 255, 0.5)',\r\n                            emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n                        }\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            window.onresize = () => {\r\n                // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart();\r\n    }\r\n};\r\n</script>\r\n<style scoped></style>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/2901dfd8c58f9c21184639189bd357ed.json b/node_modules/.cache/babel-loader/2901dfd8c58f9c21184639189bd357ed.json
index a6b111a1..55014ffc 100644
--- a/node_modules/.cache/babel-loader/2901dfd8c58f9c21184639189bd357ed.json
+++ b/node_modules/.cache/babel-loader/2901dfd8c58f9c21184639189bd357ed.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { getQuanjszData } from \"../../api/index\";\nimport serverUrl from \"../../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      videoNumber: 6,\n      FPS: 0,\n      id: ''\n    };\n  },\n  mounted: function mounted() {\n    this.getShipjkDatalist();\n  },\n  methods: {\n    handleChangeVideoNumber: function handleChangeVideoNumber(value) {\n      var _this = this;\n\n      console.log(\"videoNumber\", value);\n      this.videoNumber = value;\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", value);\n      formData.append(\"F_NB_TIAOZSZ\", this.FPS);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    handleChange: function handleChange(value) {\n      var _this2 = this;\n\n      console.log(\"FPS\", value);\n      this.FPS = value;\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", this.videoNumber);\n      formData.append(\"F_NB_TIAOZSZ\", value);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //获取全局设置数据\n    getShipjkDatalist: function getShipjkDatalist() {\n      var _this3 = this;\n\n      getQuanjszData().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this3.videoNumber = res.data.data.f_NB_SHIPJRSX;\n          _this3.FPS = res.data.data.f_NB_TIAOZSZ;\n          _this3.id = res.data.data.f_VC_ID;\n        }\n      });\n    },\n    //点击确认\n    commit: function commit() {\n      var _this4 = this;\n\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", this.videoNumber);\n      formData.append(\"F_NB_TIAOZSZ\", this.FPS);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    }\n  }\n};",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"默认取值：\">\r\n        </el-form-item>\r\n        <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { getQuanjszData } from \"../../api/index\";\nimport serverUrl from \"../../config/apiurl.js\";\nimport { setQuanjsz } from \"@/api/index\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      videoNumber: 6,\n      FPS: '0',\n      id: '',\n      options: [{\n        value: '0',\n        label: '0'\n      }, {\n        value: '1',\n        label: '1'\n      }, {\n        value: '4',\n        label: '4'\n      }]\n    };\n  },\n  mounted: function mounted() {\n    this.getShipjkDatalist();\n  },\n  methods: {\n    handleChangeVideoNumber: function handleChangeVideoNumber(value) {\n      var _this = this;\n\n      console.log(\"videoNumber\", value);\n      this.videoNumber = value;\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", value);\n      formData.append(\"F_NB_TIAOZSZ\", this.FPS);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    handleChange: function handleChange(value) {\n      var _this2 = this;\n\n      console.log(\"FPS\", value);\n      this.FPS = value;\n      var formData = new URLSearchParams(); // let formData = new FormData();\n\n      formData.append(\"VideoAccessLimit\", this.videoNumber);\n      formData.append(\"SkipFrame\", value);\n      formData.append(\"GlobalSettingId\", this.id);\n      formData(formData).then(function (res) {\n        _this2.$message({\n          message: res.data.msg,\n          type: 'success'\n        });\n      });\n    },\n    //获取全局设置数据\n    getShipjkDatalist: function getShipjkDatalist() {\n      var _this3 = this;\n\n      getQuanjszData().then(function (res) {\n        console.log(\"res11111\", res);\n\n        if (res.data.code == 200) {\n          _this3.videoNumber = res.data.data.videoAccessLimit;\n          _this3.FPS = res.data.data.skipFrame;\n          _this3.id = res.data.data.globalSettingId;\n        }\n      });\n    },\n    //点击确认\n    commit: function commit() {\n      var _this4 = this;\n\n      var formData = new URLSearchParams(); // let formData = new FormData();\n\n      formData.append(\"VideoAccessLimit\", this.videoNumber);\n      formData.append(\"SkipFrame\", this.FPS);\n      formData.append(\"GlobalSettingId\", this.id);\n      setQuanjsz(formData).then(function (res) {\n        _this4.$message({\n          message: res.data.msg,\n          type: 'success'\n        });\n      });\n    }\n  }\n};",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAA,cAAA;AACA,OAAA,SAAA;AACA,SAAA,UAAA,QAAA,aAAA;AACA,OAAA,KAAA,MAAA,OAAA;AAEA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,WAAA,EAAA,CADA;AAEA,MAAA,GAAA,EAAA,GAFA;AAGA,MAAA,EAAA,EAAA,EAHA;AAIA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,GADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,GADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,GADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA;AAJA,KAAA;AAmBA,GArBA;AAsBA,EAAA,OAtBA,qBAsBA;AACA,SAAA,iBAAA;AACA,GAxBA;AAyBA,EAAA,OAAA,EAAA;AACA,IAAA,uBADA,mCACA,KADA,EACA;AAAA;;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,aAAA,EAAA,KAAA;AACA,WAAA,WAAA,GAAA,KAAA;AACA,UAAA,QAAA,GAAA,IAAA,QAAA,EAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,eAAA,EAAA,KAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,cAAA,EAAA,KAAA,GAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,SAAA,EAAA,KAAA,EAAA;AACA,MAAA,KAAA,CAAA;AACA,QAAA,MAAA,EAAA,MADA;AAEA,QAAA,GAAA,EAAA,SAAA,CAAA,cAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,CAAA,CAIA,IAJA,CAIA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,GAAA;;AACA,YAAA,GAAA,CAAA,IAAA,CAAA,IAAA,IAAA,GAAA,EAAA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA;AACA,YAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAAA;AAIA,SALA,MAKA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA;AACA,YAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,YAAA,IAAA,EAAA;AAFA,WAAA;AAIA;AACA,OAjBA;AAkBA,KA1BA;AA2BA,IAAA,YA3BA,wBA2BA,KA3BA,EA2BA;AAAA;;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,KAAA;AACA,WAAA,GAAA,GAAA,KAAA;AACA,UAAA,QAAA,GAAA,IAAA,eAAA,EAAA,CAHA,CAIA;;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,kBAAA,EAAA,KAAA,WAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,WAAA,EAAA,KAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,iBAAA,EAAA,KAAA,EAAA;AACA,MAAA,QAAA,CAAA,QAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,UAAA,IAAA,EAAA;AAFA,SAAA;AAIA,OALA;AAMA,KAzCA;AA0CA;AACA,IAAA,iBA3CA,+BA2CA;AAAA;;AACA,MAAA,cAAA,GAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,GAAA;;AACA,YAAA,GAAA,CAAA,IAAA,CAAA,IAAA,IAAA,GAAA,EAAA;AACA,UAAA,MAAA,CAAA,WAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,gBAAA;AACA,UAAA,MAAA,CAAA,GAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,SAAA;AACA,UAAA,MAAA,CAAA,EAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,eAAA;AACA;AACA,OAPA;AAQA,KApDA;AAqDA;AACA,IAAA,MAtDA,oBAsDA;AAAA;;AACA,UAAA,QAAA,GAAA,IAAA,eAAA,EAAA,CADA,CAEA;;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,kBAAA,EAAA,KAAA,WAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,WAAA,EAAA,KAAA,GAAA;AACA,MAAA,QAAA,CAAA,MAAA,CAAA,iBAAA,EAAA,KAAA,EAAA;AACA,MAAA,UAAA,CAAA,QAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,OAAA,EAAA,GAAA,CAAA,IAAA,CAAA,GADA;AAEA,UAAA,IAAA,EAAA;AAFA,SAAA;AAIA,OALA;AAMA;AAlEA;AAzBA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"120px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <!-- <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number> -->\r\n          <el-select v-model=\"FPS\" size=\"mini\"  placeholder=\"请选择\">\r\n            <el-option\r\n              v-for=\"item in options\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\r\n        </el-form-item>\r\n        <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport  {setQuanjsz} from \"@/api/index\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: '0',\r\n      id:'',\r\n      options:[\r\n        {\r\n          value: '0',\r\n          label: '0'\r\n        }, \r\n        {\r\n          value: '1',\r\n          label: '1'\r\n        }, \r\n        {\r\n          value: '4',\r\n          label: '4'\r\n        }, \r\n      ],\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n        this.FPS=value\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",value);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        formData(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n        })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res11111\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.videoAccessLimit\r\n             this.FPS=res.data.data.skipFrame\r\n             this.id = res.data.data.globalSettingId\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",this.FPS);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        setQuanjsz(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n            });\r\n        })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-select {\r\n  width: 130px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/2d3b4fa73ff1f968da1bf0966f9e182e.json b/node_modules/.cache/babel-loader/2d3b4fa73ff1f968da1bf0966f9e182e.json
new file mode 100644
index 00000000..fa5daa6f
--- /dev/null
+++ b/node_modules/.cache/babel-loader/2d3b4fa73ff1f968da1bf0966f9e182e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {};\n  }\n};",{"version":3,"sources":["I18n.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA,EAAA;AAGA;AALA,CAAA","sourcesContent":["<template>\r\n  <section class=\"main\">\r\n    <div class=\"crumbs\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item>{{ $t('i18n.breadcrumb') }}</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </div>\r\n    <div class=\"container\">\r\n      <span>{{ $t('i18n.tips') }}</span>\r\n      <el-button type=\"primary\" @click=\"$i18n.locale = $i18n.locale === 'zh' ? 'en' : 'zh'\">{{ $t('i18n.btn') }}</el-button>\r\n      <div class=\"list\">\r\n        <h2>{{ $t('i18n.title1') }}</h2>\r\n        <p>{{ $t('i18n.p1') }}</p>\r\n        <p>{{ $t('i18n.p2') }}</p>\r\n        <p>{{ $t('i18n.p3') }}</p>\r\n      </div>\r\n      <h2>{{ $t('i18n.title2') }}</h2>\r\n      <div>\r\n        <i18n path=\"i18n.info\" tag=\"p\">\r\n          <a place=\"action\" href=\"https://element.eleme.cn/2.0/#/zh-CN/component/i18n\">{{ $t('i18n.value') }}</a>\r\n        </i18n>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.list {\r\n  padding: 30px 0;\r\n}\r\n.list p {\r\n  margin-bottom: 20px;\r\n}\r\na {\r\n  color: #409eff;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/components/common"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/2dff4b8d51cc3d26994ac83252c900e7.json b/node_modules/.cache/babel-loader/2dff4b8d51cc3d26994ac83252c900e7.json
new file mode 100644
index 00000000..081307b2
--- /dev/null
+++ b/node_modules/.cache/babel-loader/2dff4b8d51cc3d26994ac83252c900e7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\api\\test.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\api\\test.js","mtime":1673232721710},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import request from '@/utils/request.js';\nexport function testApi(data) {\n  // 测试接口\n  return request({\n    url: '/hxh/api-test/testApi',\n    method: 'post',\n    data: data\n  });\n}",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/api/test.js"],"names":["request","testApi","data","url","method"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,oBAApB;AAEA,OAAO,SAASC,OAAT,CAAiBC,IAAjB,EAAuB;AAAG;AAC/B,SAAOF,OAAO,CAAC;AACbG,IAAAA,GAAG,EAAE,uBADQ;AAEbC,IAAAA,MAAM,EAAE,MAFK;AAGbF,IAAAA,IAAI,EAAEA;AAHO,GAAD,CAAd;AAKD","sourcesContent":["import request from '@/utils/request.js';\r\n\r\nexport function testApi(data) {  // 测试接口\r\n  return request({\r\n    url: '/hxh/api-test/testApi',\r\n    method: 'post',\r\n    data: data\r\n  });\r\n}"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/3174a3f4277eac9cdd81682607841da2.json b/node_modules/.cache/babel-loader/3174a3f4277eac9cdd81682607841da2.json
new file mode 100644
index 00000000..1aad6eb0
--- /dev/null
+++ b/node_modules/.cache/babel-loader/3174a3f4277eac9cdd81682607841da2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\utils\\bus.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\utils\\bus.js","mtime":1673232721957},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import Vue from 'vue';\nvar bus = new Vue(); // 使用 Event Bus\n\nexport default bus;",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/utils/bus.js"],"names":["Vue","bus"],"mappings":"AAAA,OAAOA,GAAP,MAAgB,KAAhB;AACA,IAAMC,GAAG,GAAG,IAAID,GAAJ,EAAZ,C,CAAuB;;AACvB,eAAeC,GAAf","sourcesContent":["import Vue from 'vue'\r\nconst bus = new Vue()  // 使用 Event Bus\r\nexport default bus"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/32db95518df4356531b4eda5b533c4fc.json b/node_modules/.cache/babel-loader/32db95518df4356531b4eda5b533c4fc.json
index 6a213cad..146bc33b 100644
--- a/node_modules/.cache/babel-loader/32db95518df4356531b4eda5b533c4fc.json
+++ b/node_modules/.cache/babel-loader/32db95518df4356531b4eda5b533c4fc.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673257811148},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'lineUpChart',\n  //排队数组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  props: ['pageType', 'triggerType'],\n  data: function data() {\n    return {\n      tableData: [{\n        time: '7:40',\n        type: '小汽车',\n        carNumber: '苏E.999999',\n        lane: '成华大道',\n        event: 'in',\n        speed: '80',\n        headWay: '10'\n      }, {\n        time: '9:40',\n        type: '货车',\n        carNumber: '苏E.888888',\n        lane: '成华大道',\n        event: 'in',\n        speed: '60',\n        headWay: '10'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        carNumber: '苏E.777777',\n        lane: '成华大道',\n        event: 'in',\n        speed: '90',\n        headWay: '10'\n      }],\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  排队数组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\nname: 'lineUpChart', //排队数组件\r\ncomponents: {\r\n    lineChart,\r\n    barChart,\r\n    tableShow,\r\n    detailDialog,\r\n    thermalChart,\r\n    regionTable\r\n},\r\nprops: ['pageType', 'triggerType'],\r\ndata() {\r\n    return {\r\n        tableData: [\r\n            {\r\n                time: '7:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.999999',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '80',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '9:40',\r\n                type: '货车',\r\n                carNumber: '苏E.888888',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '60',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.777777',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '90',\r\n                headWay: '10'\r\n            }\r\n        ],\r\n        periodicTime: [\r\n            {\r\n                time: '17:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '50',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '22:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '30',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '24:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '80',\r\n                CongestionStatus: '拥堵'\r\n            }\r\n        ],\r\n        periodicStatistic: [\r\n            {\r\n                time: '9:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '60',\r\n                avgFlow: '200'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '55',\r\n                avgFlow: '50'\r\n            },\r\n            {\r\n                time: '11:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '61',\r\n                avgFlow: '40'\r\n            }\r\n        ]\r\n    };\r\n},\r\nmethods: {},\r\nmounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.border {\r\nwidth: 100%;\r\nmargin-bottom: 20px;\r\nposition: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673593142561},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'lineUpChart',\n  //排队数组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  props: ['pageType', 'triggerType', 'data'],\n  data: function data() {\n    return {\n      title: '排队数组件'\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,aADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA,YALA;AAMA,IAAA,WAAA,EAAA,WANA;AAOA,IAAA,QAAA,EAAA;AAPA,GAFA;AAWA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,CAXA;AAYA,EAAA,IAZA,kBAYA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAhBA;AAiBA,EAAA,OAAA,EAAA,EAjBA;AAkBA,EAAA,OAlBA,qBAkBA,CAAA;AAlBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n\r\n                <div class=\"border\">\r\n                    <detailDialog />\r\n                    <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/3483520c9c23faeb0a0871e9ce3514d5.json b/node_modules/.cache/babel-loader/3483520c9c23faeb0a0871e9ce3514d5.json
index 22ef5f73..7c4c4cc8 100644
--- a/node_modules/.cache/babel-loader/3483520c9c23faeb0a0871e9ce3514d5.json
+++ b/node_modules/.cache/babel-loader/3483520c9c23faeb0a0871e9ce3514d5.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673315251737},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport tableShow from \"../chart/tableShow.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'checkChart',\n  //车头时距组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"> <span class=\"titleIcon\"></span>  检测数组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673592974692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport tableShow from \"../chart/tableShow.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'checkChart',\n  //车头时距组件\n  props: ['pageType', 'triggerType', 'data'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      title: '监测数组件'\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,OAAA,SAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,YADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA,YALA;AAMA,IAAA,WAAA,EAAA,WANA;AAOA,IAAA,QAAA,EAAA;AAPA,GAHA;AAYA,EAAA,IAZA,kBAYA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAhBA;AAkBA,EAAA,OAAA,EAAA,EAlBA;AAmBA,EAAA,OAnBA,qBAmBA,CAAA;AAnBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件'\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/37b5b2d3750edb94176f435547328485.json b/node_modules/.cache/babel-loader/37b5b2d3750edb94176f435547328485.json
new file mode 100644
index 00000000..aaf964af
--- /dev/null
+++ b/node_modules/.cache/babel-loader/37b5b2d3750edb94176f435547328485.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFLow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      addAccountDialog: false,\n      formLabelAlign: {\n        name: '',\n        account: '',\n        role: '',\n        jurisdiction: ''\n      },\n      tableData: [{\n        name: 'admin',\n        account: '',\n        role: 'admin',\n        jurisdiction: '超级管理员'\n      }],\n      tableHeight: 0,\n      currentPage: 1,\n      pageSize: 100,\n      totalNumber: 1000\n    }, _defineProperty(_ref, \"tableHeight\", 0), _defineProperty(_ref, \"dialogTitle\", '新增'), _ref;\n  },\n  created: function created() {\n    var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\n    this.tableHeight = windowHeight - 220;\n  },\n  methods: {\n    edit: function edit(scope) {\n      console.log(scope, '编辑');\n      this.dialogTitle = '编辑';\n      this.addAccountDialog = true;\n    },\n    showView: function showView(scope) {\n      console.log(scope, '查看');\n      this.dialogTitle = '查看';\n      this.addAccountDialog = true;\n    },\n    clickDelete: function clickDelete(scope) {\n      console.log(scope, '删除');\n    },\n    handleSizeChange: function handleSizeChange(val) {\n      console.log(\"\\u6BCF\\u9875 \".concat(val, \" \\u6761\"));\n    },\n    handleCurrentChange: function handleCurrentChange(val) {\n      console.log(\"\\u5F53\\u524D\\u9875: \".concat(val));\n    }\n  }\n};",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,eAAA;AACA,EAAA,IADA,kBACA;AAAA;;AACA;AACA,MAAA,gBAAA,EAAA,KADA;AAEA,MAAA,cAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,OAAA,EAAA,EAFA;AAGA,QAAA,IAAA,EAAA,EAHA;AAIA,QAAA,YAAA,EAAA;AAJA,OAFA;AAQA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,OADA;AAEA,QAAA,OAAA,EAAA,EAFA;AAGA,QAAA,IAAA,EAAA,OAHA;AAIA,QAAA,YAAA,EAAA;AAJA,OADA,CARA;AAgBA,MAAA,WAAA,EAAA,CAhBA;AAiBA,MAAA,WAAA,EAAA,CAjBA;AAkBA,MAAA,QAAA,EAAA,GAlBA;AAmBA,MAAA,WAAA,EAAA;AAnBA,4CAoBA,CApBA,wCAqBA,IArBA;AAuBA,GAzBA;AA0BA,EAAA,OA1BA,qBA0BA;AACA,QAAA,YAAA,GAAA,QAAA,CAAA,eAAA,CAAA,YAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA;AACA,SAAA,WAAA,GAAA,YAAA,GAAA,GAAA;AACA,GA7BA;AA8BA,EAAA,OAAA,EAAA;AACA,IAAA,IADA,gBACA,KADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,WAAA,gBAAA,GAAA,IAAA;AACA,KALA;AAMA,IAAA,QANA,oBAMA,KANA,EAMA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,WAAA,gBAAA,GAAA,IAAA;AACA,KAVA;AAWA,IAAA,WAXA,uBAWA,KAXA,EAWA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,KAbA;AAcA,IAAA,gBAdA,4BAcA,GAdA,EAcA;AACA,MAAA,OAAA,CAAA,GAAA,wBAAA,GAAA;AACA,KAhBA;AAiBA,IAAA,mBAjBA,+BAiBA,GAjBA,EAiBA;AACA,MAAA,OAAA,CAAA,GAAA,+BAAA,GAAA;AACA;AAnBA;AA9BA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">账号管理</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-button @click=\"addAccountDialog = true\" type=\"primary\" style=\"margin-bottom: 10px;\"><i\r\n          class=\"el-icon-circle-plus-outline\" style=\"margin-right: 3px;\"></i>新增</el-button>\r\n\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"用户名称\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"account\" label=\"用户账号\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"role\" label=\"角色\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"jurisdiction\" label=\"权限\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"edit(scope.row)\" type=\"text\" size=\"small\" class=\"\">编辑</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n      <div class=\"dialog\">\r\n        <el-dialog :title=\"dialogTitle\" :visible.sync=\"addAccountDialog\" width=\"30%\">\r\n          <el-form label-position=\"left\" label-width=\"80px\" :model=\"formLabelAlign\">\r\n            <el-form-item label=\"名称：\">\r\n              <el-input v-model=\"formLabelAlign.name\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"账号：\">\r\n              <el-input v-model=\"formLabelAlign.account\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"角色：\">\r\n              <el-input v-model=\"formLabelAlign.role\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"权限：\">\r\n              <el-input v-model=\"formLabelAlign.jurisdiction\"></el-input>\r\n            </el-form-item>\r\n          </el-form>\r\n          <span slot=\"footer\" class=\"dialog-footer\">\r\n            <el-button type=\"primary\" @click=\"addAccountDialog = false\">确 定</el-button>\r\n          </span>\r\n        </el-dialog>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      addAccountDialog: false,\r\n      formLabelAlign: {\r\n        name: '',\r\n        account: '',\r\n        role: '',\r\n        jurisdiction: ''\r\n      },\r\n      tableData: [\r\n        {\r\n          name: 'admin',\r\n          account: '',\r\n          role: 'admin',\r\n          jurisdiction: '超级管理员'\r\n        }\r\n      ],\r\n      tableHeight: 0,\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogTitle: '新增'\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 220;\r\n  },\r\n  methods: {\r\n    edit(scope) {\r\n      console.log(scope, '编辑');\r\n      this.dialogTitle = '编辑';\r\n      this.addAccountDialog = true;\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogTitle = '查看';\r\n      this.addAccountDialog = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.dialog .el-form-item{\r\n  margin-bottom: 20px;\r\n}\r\n</style>"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/3b5b66594d9b0828efd1147faef5d958.json b/node_modules/.cache/babel-loader/3b5b66594d9b0828efd1147faef5d958.json
new file mode 100644
index 00000000..88d4e154
--- /dev/null
+++ b/node_modules/.cache/babel-loader/3b5b66594d9b0828efd1147faef5d958.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      options: [{\n        value: 'zip',\n        label: 'zip'\n      }, {\n        value: '7z',\n        label: '7z'\n      }],\n      value: 'zip',\n      imgSavePath: ''\n    };\n  },\n  methods: {\n    fileChange: function fileChange(e) {\n      try {\n        var fu = document.getElementById('file');\n        if (fu == null) return;\n        this.imgSavePath = fu.files[0].path;\n        console.log(fu.files);\n      } catch (error) {\n        console.debug('choice file err:', error);\n      }\n    },\n    btnChange: function btnChange() {\n      var file = document.getElementById('file');\n      file.click();\n    }\n  }\n};",{"version":3,"sources":["ExportingSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAIA;AACA,QAAA,KAAA,EAAA,IADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAJA,CADA;AAUA,MAAA,KAAA,EAAA,KAVA;AAWA,MAAA,WAAA,EAAA;AAXA,KAAA;AAaA,GAfA;AAgBA,EAAA,OAAA,EAAA;AACA,IAAA,UADA,sBACA,CADA,EACA;AACA,UAAA;AACA,YAAA,EAAA,GAAA,QAAA,CAAA,cAAA,CAAA,MAAA,CAAA;AACA,YAAA,EAAA,IAAA,IAAA,EAAA;AACA,aAAA,WAAA,GAAA,EAAA,CAAA,KAAA,CAAA,CAAA,EAAA,IAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,EAAA,CAAA,KAAA;AACA,OALA,CAKA,OAAA,KAAA,EAAA;AACA,QAAA,OAAA,CAAA,KAAA,CAAA,kBAAA,EAAA,KAAA;AACA;AACA,KAVA;AAWA,IAAA,SAXA,uBAWA;AACA,UAAA,IAAA,GAAA,QAAA,CAAA,cAAA,CAAA,MAAA,CAAA;AACA,MAAA,IAAA,CAAA,KAAA;AACA;AAdA;AAhBA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">导出设置</p>\r\n      <!-- <div class=\"test-div\">\r\n        <i class=\"el-icon-edit\"></i>\r\n        <i class=\"el-icon-share\"></i>\r\n        <i class=\"el-icon-delete\"></i>\r\n      </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"文件格式：\">\r\n          <el-select v-model=\"value\" placeholder=\"请选择导出文件格式\">\r\n            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"文件保存位置：\">\r\n          <input type=\"file\" id=\"file\" hidden @change=\"fileChange\" webkitdirectory>\r\n          <el-input placeholder=\"请输入内容\" v-model=\"imgSavePath\" class=\"input-with-select\">\r\n            <el-button slot=\"append\" icon=\"el-icon-folder\" type=\"success\" @click=\"btnChange\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button class=\"el-icon-download\" type=\"primary\">导出</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      options: [\r\n        {\r\n          value: 'zip',\r\n          label: 'zip'\r\n        }, {\r\n          value: '7z',\r\n          label: '7z'\r\n        }\r\n      ],\r\n      value: 'zip',\r\n      imgSavePath: '',\r\n    }\r\n  },\r\n  methods: {\r\n    fileChange(e) {\r\n      try {\r\n        const fu = document.getElementById('file')\r\n        if (fu == null) return\r\n        this.imgSavePath = fu.files[0].path\r\n        console.log(fu.files)\r\n      } catch (error) {\r\n        console.debug('choice file err:', error)\r\n      }\r\n    },\r\n    btnChange() {\r\n      var file = document.getElementById('file')\r\n      file.click()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/3e336a646478e2c4745cb000e2df1716.json b/node_modules/.cache/babel-loader/3e336a646478e2c4745cb000e2df1716.json
new file mode 100644
index 00000000..55e7796c
--- /dev/null
+++ b/node_modules/.cache/babel-loader/3e336a646478e2c4745cb000e2df1716.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\utils\\request.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\utils\\request.js","mtime":1673232721957},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["// import axios from 'axios';\n// import store from '@/store/index.js';\n// import { Message } from 'element-ui';\n// // 创建 axios 实例\n// const service = axios.create({\n//   baseURL: 'https://api.example.com',\n//   // withCredentials: true,\n//   timeout: 60000\n// });\n// // 请求拦截器\n// service.interceptors.request.use(config => {\n//   config.headers['authToken'] = store.state.authToken;\n//   config.headers['ms_username'] = localStorage.getItem('ms_username');\n//   return config;\n// }, error => {\n//   console.log('request error',error);\n//   return Promise.reject(error);\n// });\n// // 响应拦截器\n// service.interceptors.response.use(response => {\n//   return response;\n// }, error => {\n//   console.log('response error', error);\n//   Message({\n//     message: error.message,\n//     type: 'error'\n//   });\n//   return Promise.reject(error);\n// });\n// export default service;",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/utils/request.js"],"names":[],"mappings":"AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA","sourcesContent":["// import axios from 'axios';\r\n// import store from '@/store/index.js';\r\n// import { Message } from 'element-ui';\r\n\r\n// // 创建 axios 实例\r\n// const service = axios.create({\r\n//   baseURL: 'https://api.example.com',\r\n//   // withCredentials: true,\r\n//   timeout: 60000\r\n// });\r\n\r\n// // 请求拦截器\r\n// service.interceptors.request.use(config => {\r\n//   config.headers['authToken'] = store.state.authToken;\r\n//   config.headers['ms_username'] = localStorage.getItem('ms_username');\r\n//   return config;\r\n// }, error => {\r\n//   console.log('request error',error);\r\n//   return Promise.reject(error);\r\n// });\r\n\r\n// // 响应拦截器\r\n// service.interceptors.response.use(response => {\r\n//   return response;\r\n// }, error => {\r\n//   console.log('response error', error);\r\n//   Message({\r\n//     message: error.message,\r\n//     type: 'error'\r\n//   });\r\n//   return Promise.reject(error);\r\n// });\r\n\r\n// export default service;"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/3e8bf5780b34111784a6726f02de4780.json b/node_modules/.cache/babel-loader/3e8bf5780b34111784a6726f02de4780.json
new file mode 100644
index 00000000..478e60b2
--- /dev/null
+++ b/node_modules/.cache/babel-loader/3e8bf5780b34111784a6726f02de4780.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\utils\\tools.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\utils\\tools.js","mtime":1673232721958},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.replace\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.number.constructor\";\nimport _toConsumableArray from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFLow/node_modules/@babel/runtime/helpers/esm/toConsumableArray\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.set\";\nimport \"core-js/modules/es6.string.iterator\";\nimport \"core-js/modules/es6.array.from\";\nexport var forEach = function forEach(arr, fn) {\n  if (!arr.length || !fn) return;\n  var i = -1;\n  var len = arr.length;\n\n  while (++i < len) {\n    var item = arr[i];\n    fn(item, i, arr);\n  }\n};\n/**\r\n * @param {Array} arr1\r\n * @param {Array} arr2\r\n * @description 得到两个数组的交集, 两个数组的元素为数值或字符串\r\n */\n\nexport var getIntersection = function getIntersection(arr1, arr2) {\n  var len = Math.min(arr1.length, arr2.length);\n  var i = -1;\n  var res = [];\n\n  while (++i < len) {\n    var item = arr2[i];\n    if (arr1.indexOf(item) > -1) res.push(item);\n  }\n\n  return res;\n};\n/**\r\n * @param {Array} arr1\r\n * @param {Array} arr2\r\n * @description 得到两个数组的并集, 两个数组的元素为数值或字符串\r\n */\n\nexport var getUnion = function getUnion(arr1, arr2) {\n  return Array.from(new Set([].concat(_toConsumableArray(arr1), _toConsumableArray(arr2))));\n};\n/**\r\n * @param {Array} target 目标数组\r\n * @param {Array} arr 需要查询的数组\r\n * @description 判断要查询的数组是否至少有一个元素包含在目标数组中\r\n */\n\nexport var hasOneOf = function hasOneOf(targetarr, arr) {\n  return targetarr.some(function (_) {\n    return arr.indexOf(_) > -1;\n  });\n};\n/**\r\n * @param {String|Number} value 要验证的字符串或数值\r\n * @param {*} validList 用来验证的列表\r\n */\n\nexport function oneOf(value, validList) {\n  for (var i = 0; i < validList.length; i++) {\n    if (value === validList[i]) {\n      return true;\n    }\n  }\n\n  return false;\n}\n/**\r\n * @param {Number} timeStamp 判断时间戳格式是否是毫秒\r\n * @returns {Boolean}\r\n */\n\nvar isMillisecond = function isMillisecond(timeStamp) {\n  var timeStr = String(timeStamp);\n  return timeStr.length > 10;\n};\n/**\r\n * @param {Number} timeStamp 传入的时间戳\r\n * @param {Number} currentTime 当前时间时间戳\r\n * @returns {Boolean} 传入的时间戳是否早于当前时间戳\r\n */\n\n\nvar isEarly = function isEarly(timeStamp, currentTime) {\n  return timeStamp < currentTime;\n};\n/**\r\n * @param {Number} num 数值\r\n * @returns {String} 处理后的字符串\r\n * @description 如果传入的数值小于10，即位数只有1位，则在前面补充0\r\n */\n\n\nvar getHandledValue = function getHandledValue(num) {\n  return num < 10 ? '0' + num : num;\n};\n/**\r\n * @param {Number} timeStamp 传入的时间戳\r\n * @param {Number} startType 要返回的时间字符串的格式类型，传入'year'则返回年开头的完整时间\r\n */\n\n\nvar getDate = function getDate(timeStamp, startType) {\n  var d = new Date(timeStamp * 1000);\n  var year = d.getFullYear();\n  var month = getHandledValue(d.getMonth() + 1);\n  var date = getHandledValue(d.getDate());\n  var hours = getHandledValue(d.getHours());\n  var minutes = getHandledValue(d.getMinutes());\n  var second = getHandledValue(d.getSeconds());\n  var resStr = '';\n  if (startType === 'year') resStr = year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + second;else resStr = month + '-' + date + ' ' + hours + ':' + minutes;\n  return resStr;\n};\n/**\r\n * @param {String|Number} timeStamp 时间戳\r\n * @returns {String} 相对时间字符串\r\n */\n\n\nexport var getRelativeTime = function getRelativeTime(timeStamp) {\n  // 判断当前传入的时间戳是秒格式还是毫秒\n  var IS_MILLISECOND = isMillisecond(timeStamp); // 如果是毫秒格式则转为秒格式\n\n  if (IS_MILLISECOND) Math.floor(timeStamp /= 1000); // 传入的时间戳可以是数值或字符串类型，这里统一转为数值类型\n\n  timeStamp = Number(timeStamp); // 获取当前时间时间戳\n\n  var currentTime = Math.floor(Date.parse(new Date()) / 1000); // 判断传入时间戳是否早于当前时间戳\n\n  var IS_EARLY = isEarly(timeStamp, currentTime); // 获取两个时间戳差值\n\n  var diff = currentTime - timeStamp; // 如果IS_EARLY为false则差值取反\n\n  if (!IS_EARLY) diff = -diff;\n  var resStr = '';\n  var dirStr = IS_EARLY ? '前' : '后'; // 少于等于59秒\n\n  if (diff <= 59) resStr = diff + '秒' + dirStr; // 多于59秒，少于等于59分钟59秒\n  else if (diff > 59 && diff <= 3599) resStr = Math.floor(diff / 60) + '分钟' + dirStr; // 多于59分钟59秒，少于等于23小时59分钟59秒\n    else if (diff > 3599 && diff <= 86399) resStr = Math.floor(diff / 3600) + '小时' + dirStr; // 多于23小时59分钟59秒，少于等于29天59分钟59秒\n      else if (diff > 86399 && diff <= 2623859) resStr = Math.floor(diff / 86400) + '天' + dirStr; // 多于29天59分钟59秒，少于364天23小时59分钟59秒，且传入的时间戳早于当前\n        else if (diff > 2623859 && diff <= 31567859 && IS_EARLY) resStr = getDate(timeStamp);else resStr = getDate(timeStamp, 'year');\n  return resStr;\n};\n/**\r\n * @returns {String} 当前浏览器名称\r\n */\n\nexport var getExplorer = function getExplorer() {\n  var ua = window.navigator.userAgent;\n\n  var isExplorer = function isExplorer(exp) {\n    return ua.indexOf(exp) > -1;\n  };\n\n  if (isExplorer('MSIE')) return 'IE';else if (isExplorer('Firefox')) return 'Firefox';else if (isExplorer('Chrome')) return 'Chrome';else if (isExplorer('Opera')) return 'Opera';else if (isExplorer('Safari')) return 'Safari';\n};\n/**\r\n * @description 绑定事件 on(element, event, handler)\r\n */\n\nexport var on = function () {\n  if (document.addEventListener) {\n    return function (element, event, handler) {\n      if (element && event && handler) {\n        element.addEventListener(event, handler, false);\n      }\n    };\n  } else {\n    return function (element, event, handler) {\n      if (element && event && handler) {\n        element.attachEvent('on' + event, handler);\n      }\n    };\n  }\n}();\n/**\r\n * @description 解绑事件 off(element, event, handler)\r\n */\n\nexport var off = function () {\n  if (document.removeEventListener) {\n    return function (element, event, handler) {\n      if (element && event) {\n        element.removeEventListener(event, handler, false);\n      }\n    };\n  } else {\n    return function (element, event, handler) {\n      if (element && event) {\n        element.detachEvent('on' + event, handler);\n      }\n    };\n  }\n}();\n/**\r\n * 判断一个对象是否存在key，如果传入第二个参数key，则是判断这个obj对象是否存在key这个属性\r\n * 如果没有传入key这个参数，则判断obj对象是否有键值对\r\n */\n\nexport var hasKey = function hasKey(obj, key) {\n  if (key) return key in obj;else {\n    var keysArr = Object.keys(obj);\n    return keysArr.length;\n  }\n};\n/**\r\n * @param {*} obj1 对象\r\n * @param {*} obj2 对象\r\n * @description 判断两个对象是否相等，这两个对象的值只能是数字或字符串\r\n */\n\nexport var objEqual = function objEqual(obj1, obj2) {\n  var keysArr1 = Object.keys(obj1);\n  var keysArr2 = Object.keys(obj2);\n  if (keysArr1.length !== keysArr2.length) return false;else if (keysArr1.length === 0 && keysArr2.length === 0) return true;\n  /* eslint-disable-next-line */\n  else return !keysArr1.some(function (key) {\n      return obj1[key] != obj2[key];\n    });\n};\n/**\r\n * @param {*} date1 开始日期\r\n * @param {*} date2 结束日期\r\n * @description 计算两个日期相差天数\r\n */\n\nexport var getDaysBetween = function getDaysBetween(date1, date2) {\n  var startDate = Date.parse(date1);\n  var endDate = Date.parse(date2);\n  var days = (endDate - startDate) / (1 * 24 * 60 * 60 * 1000);\n  return days;\n};\n/**\r\n * @param {*} date1 日期1\r\n * @param {*} date2 日期2\r\n * @description 判断日期是否同一周内\r\n */\n\nexport var isSameWeek = function isSameWeek(date1, date2) {\n  var oneDayTime = 1000 * 60 * 60 * 24;\n  var oldCount = parseInt(date1.getTime() / oneDayTime);\n  var nowOther = parseInt(date2.getTime() / oneDayTime);\n  return parseInt((oldCount + 4) / 7) === parseInt((nowOther + 4) / 7);\n}; // 秒数(ss) 转 d天h小时m分钟s秒 的时间格式表示\n\nexport function formatSeconds(value) {\n  var secondTime = parseInt(value); // 秒\n\n  var minuteTime = 0; // 分\n\n  var hourTime = 0; // 小时\n\n  var dayTime = 0; // 天\n\n  var result = '';\n\n  if (value < 60) {\n    result = secondTime + ' 秒 ';\n  } else {\n    if (secondTime >= 60) {\n      // 如果秒数大于60，将秒数转换成整数\n      // 获取分钟，除以60取整数，得到整数分钟\n      minuteTime = parseInt(secondTime / 60); // 获取秒数，秒数取佘，得到整数秒数\n\n      secondTime = parseInt(secondTime % 60); // 如果分钟大于60，将分钟转换成小时\n\n      if (minuteTime >= 60) {\n        // 获取小时，获取分钟除以60，得到整数小时\n        hourTime = parseInt(minuteTime / 60); // 获取小时后取佘的分，获取分钟除以60取佘的分\n\n        minuteTime = parseInt(minuteTime % 60);\n\n        if (hourTime >= 24) {\n          // 获取天数， 获取小时除以24，得到整数天\n          dayTime = parseInt(hourTime / 24); // 获取小时后取余小时，获取分钟除以24取余的分；\n\n          hourTime = parseInt(hourTime % 24);\n        }\n      }\n    }\n\n    if (secondTime > 0) {\n      // secondTime = parseInt(secondTime) >= 10 ? secondTime : '0' + secondTime  // 用于个位数时前面补0\n      result = '' + secondTime + ' 秒 ';\n    }\n\n    if (minuteTime > 0) {\n      // minuteTime = parseInt(minuteTime) >= 10 ? minuteTime : '0' + minuteTime  // 用于个位数时前面补0\n      result = '' + minuteTime + ' 分钟 ' + result;\n    }\n\n    if (hourTime > 0) {\n      result = '' + parseInt(hourTime) + ' 小时 ' + result;\n    }\n\n    if (dayTime > 0) {\n      result = '' + parseInt(dayTime) + ' 天 ' + result;\n    }\n  }\n\n  return result;\n} // 秒数(ss)转 hh:mm:ss 时间格式\n\nexport function secToTime(data) {\n  var time = Number(data);\n  var h = Math.floor(time / 3600);\n  var m = Math.floor(time % 3600 / 60);\n  var s = parseInt(time % 3600) % 60;\n  var hh = h < 10 ? \"0\" + h : h;\n  var mm = m < 10 ? \"0\" + m : m;\n  var ss = s < 10 ? \"0\" + s : s;\n  return hh + \":\" + mm + \":\" + ss;\n} // hh:mm:ss 时间格式转秒数(ss)\n\nexport function timeToSec(time) {\n  if (time !== null) {\n    var s = \"\";\n    var hour = time.split(\":\")[0];\n    var min = time.split(\":\")[1];\n    var sec = time.split(\":\")[2];\n    s = Number(hour * 3600) + Number(min * 60) + Number(sec);\n    return s;\n  }\n} // 获取 URL 上的参数\n\nexport function getUrlParams(name) {\n  if (name == null || name === 'undefined') {\n    return null;\n  }\n\n  var searchStr = decodeURI(window.location.href).replace('?', '&');\n  var infoIndex = searchStr.indexOf(name + '=');\n\n  if (infoIndex === -1) {\n    return null;\n  }\n\n  var searchInfo = searchStr.substring(infoIndex + name.length + 1);\n  var tagIndex = searchInfo.indexOf('&');\n\n  if (tagIndex !== -1) {\n    searchInfo = searchInfo.substring(0, tagIndex);\n  }\n\n  return searchInfo;\n}",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/utils/tools.js"],"names":["forEach","arr","fn","length","i","len","item","getIntersection","arr1","arr2","Math","min","res","indexOf","push","getUnion","Array","from","Set","hasOneOf","targetarr","some","_","oneOf","value","validList","isMillisecond","timeStamp","timeStr","String","isEarly","currentTime","getHandledValue","num","getDate","startType","d","Date","year","getFullYear","month","getMonth","date","hours","getHours","minutes","getMinutes","second","getSeconds","resStr","getRelativeTime","IS_MILLISECOND","floor","Number","parse","IS_EARLY","diff","dirStr","getExplorer","ua","window","navigator","userAgent","isExplorer","exp","on","document","addEventListener","element","event","handler","attachEvent","off","removeEventListener","detachEvent","hasKey","obj","key","keysArr","Object","keys","objEqual","obj1","obj2","keysArr1","keysArr2","getDaysBetween","date1","date2","startDate","endDate","days","isSameWeek","oneDayTime","oldCount","parseInt","getTime","nowOther","formatSeconds","secondTime","minuteTime","hourTime","dayTime","result","secToTime","data","time","h","m","s","hh","mm","ss","timeToSec","hour","split","sec","getUrlParams","name","searchStr","decodeURI","location","href","replace","infoIndex","searchInfo","substring","tagIndex"],"mappings":"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","sourcesContent":["export const forEach = (arr, fn) => {\r\n  if (!arr.length || !fn) return\r\n  let i = -1\r\n  let len = arr.length\r\n  while (++i < len) {\r\n    let item = arr[i]\r\n    fn(item, i, arr)\r\n  }\r\n}\r\n\r\n/**\r\n * @param {Array} arr1\r\n * @param {Array} arr2\r\n * @description 得到两个数组的交集, 两个数组的元素为数值或字符串\r\n */\r\nexport const getIntersection = (arr1, arr2) => {\r\n  let len = Math.min(arr1.length, arr2.length)\r\n  let i = -1\r\n  let res = []\r\n  while (++i < len) {\r\n    const item = arr2[i]\r\n    if (arr1.indexOf(item) > -1) res.push(item)\r\n  }\r\n  return res\r\n}\r\n\r\n/**\r\n * @param {Array} arr1\r\n * @param {Array} arr2\r\n * @description 得到两个数组的并集, 两个数组的元素为数值或字符串\r\n */\r\nexport const getUnion = (arr1, arr2) => {\r\n  return Array.from(new Set([...arr1, ...arr2]))\r\n}\r\n\r\n/**\r\n * @param {Array} target 目标数组\r\n * @param {Array} arr 需要查询的数组\r\n * @description 判断要查询的数组是否至少有一个元素包含在目标数组中\r\n */\r\nexport const hasOneOf = (targetarr, arr) => {\r\n  return targetarr.some(_ => arr.indexOf(_) > -1)\r\n}\r\n\r\n/**\r\n * @param {String|Number} value 要验证的字符串或数值\r\n * @param {*} validList 用来验证的列表\r\n */\r\nexport function oneOf (value, validList) {\r\n  for (let i = 0; i < validList.length; i++) {\r\n    if (value === validList[i]) {\r\n      return true\r\n    }\r\n  }\r\n  return false\r\n}\r\n\r\n/**\r\n * @param {Number} timeStamp 判断时间戳格式是否是毫秒\r\n * @returns {Boolean}\r\n */\r\nconst isMillisecond = timeStamp => {\r\n  const timeStr = String(timeStamp)\r\n  return timeStr.length > 10\r\n}\r\n\r\n/**\r\n * @param {Number} timeStamp 传入的时间戳\r\n * @param {Number} currentTime 当前时间时间戳\r\n * @returns {Boolean} 传入的时间戳是否早于当前时间戳\r\n */\r\nconst isEarly = (timeStamp, currentTime) => {\r\n  return timeStamp < currentTime\r\n}\r\n\r\n/**\r\n * @param {Number} num 数值\r\n * @returns {String} 处理后的字符串\r\n * @description 如果传入的数值小于10，即位数只有1位，则在前面补充0\r\n */\r\nconst getHandledValue = num => {\r\n  return num < 10 ? '0' + num : num\r\n}\r\n\r\n/**\r\n * @param {Number} timeStamp 传入的时间戳\r\n * @param {Number} startType 要返回的时间字符串的格式类型，传入'year'则返回年开头的完整时间\r\n */\r\nconst getDate = (timeStamp, startType) => {\r\n  const d = new Date(timeStamp * 1000)\r\n  const year = d.getFullYear()\r\n  const month = getHandledValue(d.getMonth() + 1)\r\n  const date = getHandledValue(d.getDate())\r\n  const hours = getHandledValue(d.getHours())\r\n  const minutes = getHandledValue(d.getMinutes())\r\n  const second = getHandledValue(d.getSeconds())\r\n  let resStr = ''\r\n  if (startType === 'year') resStr = year + '-' + month + '-' + date + ' ' + hours + ':' + minutes + ':' + second\r\n  else resStr = month + '-' + date + ' ' + hours + ':' + minutes\r\n  return resStr\r\n}\r\n\r\n/**\r\n * @param {String|Number} timeStamp 时间戳\r\n * @returns {String} 相对时间字符串\r\n */\r\nexport const getRelativeTime = timeStamp => {\r\n  // 判断当前传入的时间戳是秒格式还是毫秒\r\n  const IS_MILLISECOND = isMillisecond(timeStamp)\r\n  // 如果是毫秒格式则转为秒格式\r\n  if (IS_MILLISECOND) Math.floor(timeStamp /= 1000)\r\n  // 传入的时间戳可以是数值或字符串类型，这里统一转为数值类型\r\n  timeStamp = Number(timeStamp)\r\n  // 获取当前时间时间戳\r\n  const currentTime = Math.floor(Date.parse(new Date()) / 1000)\r\n  // 判断传入时间戳是否早于当前时间戳\r\n  const IS_EARLY = isEarly(timeStamp, currentTime)\r\n  // 获取两个时间戳差值\r\n  let diff = currentTime - timeStamp\r\n  // 如果IS_EARLY为false则差值取反\r\n  if (!IS_EARLY) diff = -diff\r\n  let resStr = ''\r\n  const dirStr = IS_EARLY ? '前' : '后'\r\n  // 少于等于59秒\r\n  if (diff <= 59) resStr = diff + '秒' + dirStr\r\n  // 多于59秒，少于等于59分钟59秒\r\n  else if (diff > 59 && diff <= 3599) resStr = Math.floor(diff / 60) + '分钟' + dirStr\r\n  // 多于59分钟59秒，少于等于23小时59分钟59秒\r\n  else if (diff > 3599 && diff <= 86399) resStr = Math.floor(diff / 3600) + '小时' + dirStr\r\n  // 多于23小时59分钟59秒，少于等于29天59分钟59秒\r\n  else if (diff > 86399 && diff <= 2623859) resStr = Math.floor(diff / 86400) + '天' + dirStr\r\n  // 多于29天59分钟59秒，少于364天23小时59分钟59秒，且传入的时间戳早于当前\r\n  else if (diff > 2623859 && diff <= 31567859 && IS_EARLY) resStr = getDate(timeStamp)\r\n  else resStr = getDate(timeStamp, 'year')\r\n  return resStr\r\n}\r\n\r\n/**\r\n * @returns {String} 当前浏览器名称\r\n */\r\nexport const getExplorer = () => {\r\n  const ua = window.navigator.userAgent\r\n  const isExplorer = (exp) => {\r\n    return ua.indexOf(exp) > -1\r\n  }\r\n  if (isExplorer('MSIE')) return 'IE'\r\n  else if (isExplorer('Firefox')) return 'Firefox'\r\n  else if (isExplorer('Chrome')) return 'Chrome'\r\n  else if (isExplorer('Opera')) return 'Opera'\r\n  else if (isExplorer('Safari')) return 'Safari'\r\n}\r\n\r\n/**\r\n * @description 绑定事件 on(element, event, handler)\r\n */\r\nexport const on = (function () {\r\n  if (document.addEventListener) {\r\n    return function (element, event, handler) {\r\n      if (element && event && handler) {\r\n        element.addEventListener(event, handler, false)\r\n      }\r\n    }\r\n  } else {\r\n    return function (element, event, handler) {\r\n      if (element && event && handler) {\r\n        element.attachEvent('on' + event, handler)\r\n      }\r\n    }\r\n  }\r\n})()\r\n\r\n/**\r\n * @description 解绑事件 off(element, event, handler)\r\n */\r\nexport const off = (function () {\r\n  if (document.removeEventListener) {\r\n    return function (element, event, handler) {\r\n      if (element && event) {\r\n        element.removeEventListener(event, handler, false)\r\n      }\r\n    }\r\n  } else {\r\n    return function (element, event, handler) {\r\n      if (element && event) {\r\n        element.detachEvent('on' + event, handler)\r\n      }\r\n    }\r\n  }\r\n})()\r\n\r\n/**\r\n * 判断一个对象是否存在key，如果传入第二个参数key，则是判断这个obj对象是否存在key这个属性\r\n * 如果没有传入key这个参数，则判断obj对象是否有键值对\r\n */\r\nexport const hasKey = (obj, key) => {\r\n  if (key) return key in obj\r\n  else {\r\n    let keysArr = Object.keys(obj)\r\n    return keysArr.length\r\n  }\r\n}\r\n\r\n/**\r\n * @param {*} obj1 对象\r\n * @param {*} obj2 对象\r\n * @description 判断两个对象是否相等，这两个对象的值只能是数字或字符串\r\n */\r\nexport const objEqual = (obj1, obj2) => {\r\n  const keysArr1 = Object.keys(obj1)\r\n  const keysArr2 = Object.keys(obj2)\r\n  if (keysArr1.length !== keysArr2.length) return false\r\n  else if (keysArr1.length === 0 && keysArr2.length === 0) return true\r\n  /* eslint-disable-next-line */\r\n  else return !keysArr1.some(key => obj1[key] != obj2[key])\r\n}\r\n\r\n/**\r\n * @param {*} date1 开始日期\r\n * @param {*} date2 结束日期\r\n * @description 计算两个日期相差天数\r\n */\r\nexport const getDaysBetween = (date1, date2) => {\r\n  var startDate = Date.parse(date1)\r\n  var endDate = Date.parse(date2)\r\n  var days = (endDate - startDate) / (1 * 24 * 60 * 60 * 1000)\r\n  return days\r\n}\r\n\r\n/**\r\n * @param {*} date1 日期1\r\n * @param {*} date2 日期2\r\n * @description 判断日期是否同一周内\r\n */\r\nexport const isSameWeek = (date1, date2) => {\r\n  var oneDayTime = 1000 * 60 * 60 * 24\r\n  var oldCount = parseInt(date1.getTime() / oneDayTime)\r\n  var nowOther = parseInt(date2.getTime() / oneDayTime)\r\n  return parseInt((oldCount + 4) / 7) === parseInt((nowOther + 4) / 7)\r\n}\r\n\r\n// 秒数(ss) 转 d天h小时m分钟s秒 的时间格式表示\r\nexport function formatSeconds(value) {\r\n  var secondTime = parseInt(value) // 秒\r\n  var minuteTime = 0 // 分\r\n  var hourTime = 0 // 小时\r\n  var dayTime = 0 // 天\r\n  var result = ''\r\n  if (value < 60) {\r\n    result = secondTime + ' 秒 '\r\n  } else {\r\n    if (secondTime >= 60) { // 如果秒数大于60，将秒数转换成整数\r\n      // 获取分钟，除以60取整数，得到整数分钟\r\n      minuteTime = parseInt(secondTime / 60)\r\n      // 获取秒数，秒数取佘，得到整数秒数\r\n      secondTime = parseInt(secondTime % 60)\r\n      // 如果分钟大于60，将分钟转换成小时\r\n      if (minuteTime >= 60) {\r\n        // 获取小时，获取分钟除以60，得到整数小时\r\n        hourTime = parseInt(minuteTime / 60)\r\n        // 获取小时后取佘的分，获取分钟除以60取佘的分\r\n        minuteTime = parseInt(minuteTime % 60)\r\n        if (hourTime >= 24) {\r\n          // 获取天数， 获取小时除以24，得到整数天\r\n          dayTime = parseInt(hourTime / 24)\r\n          // 获取小时后取余小时，获取分钟除以24取余的分；\r\n          hourTime = parseInt(hourTime % 24)\r\n        }\r\n      }\r\n    }\r\n    if (secondTime > 0) {\r\n      // secondTime = parseInt(secondTime) >= 10 ? secondTime : '0' + secondTime  // 用于个位数时前面补0\r\n      result = '' + secondTime + ' 秒 '\r\n    }\r\n    if (minuteTime > 0) {\r\n      // minuteTime = parseInt(minuteTime) >= 10 ? minuteTime : '0' + minuteTime  // 用于个位数时前面补0\r\n      result = '' + minuteTime + ' 分钟 ' + result\r\n    }\r\n    if (hourTime > 0) {\r\n      result = '' + parseInt(hourTime) + ' 小时 ' + result\r\n    }\r\n    if (dayTime > 0) {\r\n      result = '' + parseInt(dayTime) + ' 天 ' + result\r\n    }\r\n  }\r\n  return result\r\n}\r\n\r\n// 秒数(ss)转 hh:mm:ss 时间格式\r\nexport function secToTime(data) {\r\n  var time = Number(data)\r\n  var h = Math.floor(time / 3600)\r\n  var m = Math.floor((time % 3600) / 60)\r\n  var s = parseInt(time % 3600) % 60\r\n  var hh = h < 10 ? \"0\" + h : h\r\n  var mm = m < 10 ? \"0\" + m : m\r\n  var ss = s < 10 ? \"0\" + s : s\r\n  return hh + \":\" + mm + \":\" + ss\r\n}\r\n\r\n// hh:mm:ss 时间格式转秒数(ss)\r\nexport function timeToSec(time) {\r\n  if (time !== null) {\r\n    var s = \"\"\r\n    var hour = time.split(\":\")[0]\r\n    var min = time.split(\":\")[1]\r\n    var sec = time.split(\":\")[2]\r\n    s = Number(hour * 3600) + Number(min * 60) + Number(sec)\r\n    return s\r\n  }\r\n}\r\n\r\n// 获取 URL 上的参数\r\nexport function getUrlParams(name) {\r\n  if (name == null || name === 'undefined') { \r\n    return null \r\n  }\r\n  var searchStr = decodeURI(window.location.href).replace('?', '&')\r\n  var infoIndex = searchStr.indexOf(name + '=')\r\n  if (infoIndex === -1) { return null }\r\n  var searchInfo = searchStr.substring(infoIndex + name.length + 1)\r\n  var tagIndex = searchInfo.indexOf('&')\r\n  if (tagIndex !== -1) { searchInfo = searchInfo.substring(0, tagIndex) }\r\n  return searchInfo\r\n}"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/3f189703574f6eec1d2a2fa1cfc0e365.json b/node_modules/.cache/babel-loader/3f189703574f6eec1d2a2fa1cfc0e365.json
new file mode 100644
index 00000000..f5e4048c
--- /dev/null
+++ b/node_modules/.cache/babel-loader/3f189703574f6eec1d2a2fa1cfc0e365.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\main.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\main.js","mtime":1673232721947},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFLow\\\\node_modules\\\\core-js\\\\modules\\\\es6.array.iterator.js\";\nimport \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFLow\\\\node_modules\\\\core-js\\\\modules\\\\es6.promise.js\";\nimport \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFLow\\\\node_modules\\\\core-js\\\\modules\\\\es6.object.assign.js\";\nimport \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFLow\\\\node_modules\\\\core-js\\\\modules\\\\es7.promise.finally.js\";\nimport Vue from 'vue';\nimport ElementUI from 'element-ui';\nimport 'element-ui/lib/theme-chalk/index.css';\nimport ViewUI from 'view-design';\nimport 'view-design/dist/styles/iview.css';\nimport axios from 'axios';\nimport App from \"./App.vue\";\nimport store from \"./store\";\nimport router from \"./router/index.js\";\nimport echarts from 'echarts';\nimport VueI18n from 'vue-i18n';\nimport { messages } from \"./components/common/i18n.js\";\nimport { formatSeconds } from \"./utils/tools.js\";\nimport 'babel-polyfill';\nimport \"./assets/css/main.css\";\nimport \"./assets/css/theme.scss\";\nVue.use(ElementUI);\nVue.use(ViewUI);\nVue.use(VueI18n);\nvar i18n = new VueI18n({\n  locale: 'zh',\n  messages: messages\n});\nVue.prototype.$axios = axios;\nVue.prototype.$echarts = echarts;\nVue.prototype.$formatSeconds = formatSeconds; // 全局使用该工具函数\n\nArray.prototype.pushNoRepeat = function () {\n  // 往数组里添加不重复数据\n  for (var i = 0; i < arguments.length; i++) {\n    var ele = arguments[i];\n\n    if (this.indexOf(ele) == -1) {\n      this.push(ele);\n    }\n  }\n};\n\nVue.config.productionTip = false; // 使用钩子函数对路由进行权限跳转\n\nrouter.beforeEach(function (to, from, next) {\n  document.title = \"\".concat(to.meta.title, \" | \\u540E\\u53F0\\u7BA1\\u7406\\u7CFB\\u7EDF\");\n  var role = localStorage.getItem('ms_username');\n\n  if (!role && to.path !== '/Login') {\n    next('/Login');\n  } else if (to.meta.permission) {\n    // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已\n    role === 'admin' ? next() : next('/403');\n  } else {\n    // 简单的判断IE10及以下，该组件不兼容\n    if (navigator.userAgent.indexOf('MSIE') > -1) {\n      Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {\n        confirmButtonText: '确定'\n      });\n    } else {\n      next();\n    }\n  }\n});\nnew Vue({\n  el: '#app',\n  router: router,\n  store: store,\n  i18n: i18n,\n  render: function render(h) {\n    return h(App);\n  }\n});",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/main.js"],"names":["Vue","ElementUI","ViewUI","axios","App","store","router","echarts","VueI18n","messages","formatSeconds","use","i18n","locale","prototype","$axios","$echarts","$formatSeconds","Array","pushNoRepeat","i","arguments","length","ele","indexOf","push","config","productionTip","beforeEach","to","from","next","document","title","meta","role","localStorage","getItem","path","permission","navigator","userAgent","$alert","confirmButtonText","el","render","h"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,KAAhB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAO,sCAAP;AACA,OAAOC,MAAP,MAAmB,aAAnB;AACA,OAAO,mCAAP;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,GAAP;AACA,OAAOC,KAAP;AACA,OAAOC,MAAP;AAEA,OAAOC,OAAP,MAAoB,SAApB;AACA,OAAOC,OAAP,MAAoB,UAApB;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AACA,OAAO,gBAAP;AACA;AACA;AAEAV,GAAG,CAACW,GAAJ,CAAQV,SAAR;AACAD,GAAG,CAACW,GAAJ,CAAQT,MAAR;AACAF,GAAG,CAACW,GAAJ,CAAQH,OAAR;AACA,IAAMI,IAAI,GAAG,IAAIJ,OAAJ,CAAY;AACvBK,EAAAA,MAAM,EAAE,IADe;AAEvBJ,EAAAA,QAAQ,EAARA;AAFuB,CAAZ,CAAb;AAKAT,GAAG,CAACc,SAAJ,CAAcC,MAAd,GAAuBZ,KAAvB;AACAH,GAAG,CAACc,SAAJ,CAAcE,QAAd,GAAyBT,OAAzB;AACAP,GAAG,CAACc,SAAJ,CAAcG,cAAd,GAA+BP,aAA/B,C,CAA8C;;AAE9CQ,KAAK,CAACJ,SAAN,CAAgBK,YAAhB,GAA+B,YAAU;AAAE;AACzC,OAAI,IAAIC,CAAC,GAAC,CAAV,EAAaA,CAAC,GAACC,SAAS,CAACC,MAAzB,EAAiCF,CAAC,EAAlC,EAAqC;AACnC,QAAIG,GAAG,GAAGF,SAAS,CAACD,CAAD,CAAnB;;AACA,QAAG,KAAKI,OAAL,CAAaD,GAAb,KAAqB,CAAC,CAAzB,EAA2B;AACzB,WAAKE,IAAL,CAAUF,GAAV;AACD;AACF;AACF,CAPD;;AASAvB,GAAG,CAAC0B,MAAJ,CAAWC,aAAX,GAA2B,KAA3B,C,CAEA;;AACArB,MAAM,CAACsB,UAAP,CAAkB,UAACC,EAAD,EAAKC,IAAL,EAAWC,IAAX,EAAoB;AACpCC,EAAAA,QAAQ,CAACC,KAAT,aAAoBJ,EAAE,CAACK,IAAH,CAAQD,KAA5B;AACA,MAAME,IAAI,GAAGC,YAAY,CAACC,OAAb,CAAqB,aAArB,CAAb;;AACA,MAAI,CAACF,IAAD,IAASN,EAAE,CAACS,IAAH,KAAY,QAAzB,EAAmC;AACjCP,IAAAA,IAAI,CAAC,QAAD,CAAJ;AACD,GAFD,MAEO,IAAIF,EAAE,CAACK,IAAH,CAAQK,UAAZ,EAAwB;AAAG;AAChCJ,IAAAA,IAAI,KAAK,OAAT,GAAmBJ,IAAI,EAAvB,GAA4BA,IAAI,CAAC,MAAD,CAAhC;AACD,GAFM,MAEA;AACL;AACA,QAAIS,SAAS,CAACC,SAAV,CAAoBjB,OAApB,CAA4B,MAA5B,IAAsC,CAAC,CAA3C,EAA8C;AAC5CxB,MAAAA,GAAG,CAACc,SAAJ,CAAc4B,MAAd,CAAqB,+CAArB,EAAsE,UAAtE,EAAkF;AAChFC,QAAAA,iBAAiB,EAAE;AAD6D,OAAlF;AAGD,KAJD,MAIO;AACLZ,MAAAA,IAAI;AACL;AACF;AACF,CAjBD;AAmBA,IAAI/B,GAAJ,CAAQ;AACN4C,EAAAA,EAAE,EAAE,MADE;AAENtC,EAAAA,MAAM,EAANA,MAFM;AAGND,EAAAA,KAAK,EAALA,KAHM;AAINO,EAAAA,IAAI,EAAJA,IAJM;AAKNiC,EAAAA,MAAM,EAAE,gBAAAC,CAAC;AAAA,WAAIA,CAAC,CAAC1C,GAAD,CAAL;AAAA;AALH,CAAR","sourcesContent":["import Vue from 'vue';\r\nimport ElementUI from 'element-ui';\r\nimport 'element-ui/lib/theme-chalk/index.css';\r\nimport ViewUI from 'view-design';\r\nimport 'view-design/dist/styles/iview.css';\r\nimport axios from 'axios';\r\n\r\nimport App from './App.vue';\r\nimport store from './store';\r\nimport router from './router/index.js';\r\n\r\nimport echarts from 'echarts';\r\nimport VueI18n from 'vue-i18n';\r\nimport { messages } from './components/common/i18n.js';\r\nimport { formatSeconds } from './utils/tools.js';\r\nimport 'babel-polyfill';\r\nimport './assets/css/main.css';\r\nimport './assets/css/theme.scss';\r\n\r\nVue.use(ElementUI);\r\nVue.use(ViewUI);\r\nVue.use(VueI18n);\r\nconst i18n = new VueI18n({\r\n  locale: 'zh',\r\n  messages\r\n});\r\n\r\nVue.prototype.$axios = axios;\r\nVue.prototype.$echarts = echarts;\r\nVue.prototype.$formatSeconds = formatSeconds; // 全局使用该工具函数\r\n\r\nArray.prototype.pushNoRepeat = function(){ // 往数组里添加不重复数据\r\n  for(var i=0; i<arguments.length; i++){\r\n    var ele = arguments[i];\r\n    if(this.indexOf(ele) == -1){\r\n      this.push(ele);\r\n    }\r\n  }\r\n}\r\n\r\nVue.config.productionTip = false;\r\n\r\n// 使用钩子函数对路由进行权限跳转\r\nrouter.beforeEach((to, from, next) => {\r\n  document.title = `${to.meta.title} | 后台管理系统`;\r\n  const role = localStorage.getItem('ms_username');\r\n  if (!role && to.path !== '/Login') {\r\n    next('/Login');\r\n  } else if (to.meta.permission) {  // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已\r\n    role === 'admin' ? next() : next('/403');\r\n  } else {\r\n    // 简单的判断IE10及以下，该组件不兼容\r\n    if (navigator.userAgent.indexOf('MSIE') > -1) {\r\n      Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {\r\n        confirmButtonText: '确定'\r\n      });\r\n    } else {\r\n      next();\r\n    }\r\n  }\r\n});\r\n\r\nnew Vue({\r\n  el: '#app',\r\n  router,\r\n  store,\r\n  i18n,\r\n  render: h => h(App)\r\n});"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/443874003cd07410b9086082f9c38aeb.json b/node_modules/.cache/babel-loader/443874003cd07410b9086082f9c38aeb.json
new file mode 100644
index 00000000..2714f19a
--- /dev/null
+++ b/node_modules/.cache/babel-loader/443874003cd07410b9086082f9c38aeb.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue","mtime":1673516645857},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'lineUpChart',\n  //排队数组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  props: ['pageType', 'triggerType'],\n  data: function data() {\n    return {\n      tableData: [{\n        time: '7:40',\n        type: '小汽车',\n        carNumber: '苏E.999999',\n        lane: '成华大道',\n        event: 'in',\n        speed: '80',\n        headWay: '10'\n      }, {\n        time: '9:40',\n        type: '货车',\n        carNumber: '苏E.888888',\n        lane: '成华大道',\n        event: 'in',\n        speed: '60',\n        headWay: '10'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        carNumber: '苏E.777777',\n        lane: '成华大道',\n        event: 'in',\n        speed: '90',\n        headWay: '10'\n      }],\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["OD.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> OD组件</p>\r\n        <div class=\"border\">\r\n            <detailDialog :msg=\"tableData\" />\r\n            <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n            <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n            <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/474b7cdfe8419cfd344236949f8a13fb.json b/node_modules/.cache/babel-loader/474b7cdfe8419cfd344236949f8a13fb.json
new file mode 100644
index 00000000..dcc163ab
--- /dev/null
+++ b/node_modules/.cache/babel-loader/474b7cdfe8419cfd344236949f8a13fb.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      formLabelWidth: '120px',\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      fileList: []\n    };\n  },\n  methods: {\n    handleagain: function handleagain() {\n      var _this = this;\n\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消'\n        });\n      });\n    },\n    handleReset: function handleReset() {\n      var _this2 = this;\n\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消重置'\n        });\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    }\n  }\n};",{"version":3,"sources":["AboutMachine.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,cAAA,EAAA,OADA;AAEA,MAAA,QAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,MAAA,EAAA,EAFA;AAGA,QAAA,KAAA,EAAA,EAHA;AAIA,QAAA,KAAA,EAAA,EAJA;AAKA,QAAA,QAAA,EAAA,KALA;AAMA,QAAA,IAAA,EAAA,EANA;AAOA,QAAA,QAAA,EAAA,EAPA;AAQA,QAAA,IAAA,EAAA;AARA,OAFA;AAYA,MAAA,QAAA,EAAA;AAZA,KAAA;AAcA,GAhBA;AAiBA,EAAA,OAAA,EAAA;AACA,IAAA,WADA,yBACA;AAAA;;AACA,WAAA,QAAA,CAAA,mBAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAIA,IAJA,CAIA,YAAA,CACA;AACA;AACA;AACA;AACA,OATA,EASA,KATA,CASA,YAAA;AACA,QAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAdA;AAeA,KAjBA;AAkBA,IAAA,WAlBA,yBAkBA;AAAA;;AACA,WAAA,QAAA,CAAA,kBAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAIA,IAJA,CAIA,YAAA,CACA;AACA;AACA;AACA;AACA,OATA,EASA,KATA,CASA,YAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAdA;AAeA,KAlCA;AAmCA,IAAA,YAnCA,wBAmCA,IAnCA,EAmCA,QAnCA,EAmCA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA,EAAA,QAAA;AACA,KArCA;AAsCA,IAAA,aAtCA,yBAsCA,IAtCA,EAsCA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA;AACA,KAxCA;AAyCA,IAAA,YAzCA,wBAyCA,KAzCA,EAyCA,QAzCA,EAyCA;AACA,WAAA,QAAA,CAAA,OAAA,yGAAA,KAAA,CAAA,MAAA,+DAAA,KAAA,CAAA,MAAA,GAAA,QAAA,CAAA,MAAA;AACA,KA3CA;AA4CA,IAAA,YA5CA,wBA4CA,IA5CA,EA4CA,QA5CA,EA4CA;AACA,aAAA,KAAA,QAAA,oCAAA,IAAA,CAAA,IAAA,YAAA;AACA;AA9CA;AAjBA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\" >\r\n      <p>主机</p>\r\n      <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"sizeForm.date1\" style=\"width: 50%;\" autocomplete=\"off\" ></el-date-picker>\r\n        <!-- </el-col> -->\r\n        <!-- <el-col :span=\"2\"> -->\r\n          <el-button type=\"primary\" style=\"margin-left:10px\" size=\"small\">自动校验</el-button>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <p>备份&恢复</p>\r\n      <el-form-item label=\"备份服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" size=\"small\">备份</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"3\">\r\n          <el-button type=\"primary\" disabled size=\"small\">备份</el-button>\r\n        </el-col>\r\n        <el-col :span=\"4\">\r\n          <el-upload\r\n            class=\"upload-demo\"\r\n            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n            :on-preview=\"handlePreview\"\r\n            :on-remove=\"handleRemove\"\r\n            :before-remove=\"beforeRemove\"\r\n            multiple\r\n            :limit=\"3\"\r\n            :on-exceed=\"handleExceed\"\r\n            :file-list=\"fileList\">\r\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n          </el-upload>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>出厂默认值</p>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleReset()\" size=\"small\">重置默认值</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>重新启动</p>\r\n      <el-form-item label=\"重新启动系统：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">重新启动</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n        formLabelWidth: '120px',\r\n      sizeForm: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        fileList:[]\r\n    }\r\n  },\r\n  methods:{\r\n    handleagain(){\r\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消'\r\n          });          \r\n        });\r\n    },\r\n    handleReset(){\r\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消重置'\r\n          });          \r\n        });\r\n    },\r\n    handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n/deep/ .el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.container{\r\n  width: 100%;\r\n  height: 100%;\r\n  p{\r\n    width: 95%;\r\n    font-size: 25px;\r\n    text-align: left;\r\n    border-bottom: 1px solid black;\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views/general"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/49de78792342cc45d11d3132779c1444.json b/node_modules/.cache/babel-loader/49de78792342cc45d11d3132779c1444.json
index ecc5eaca..9f3892e2 100644
--- a/node_modules/.cache/babel-loader/49de78792342cc45d11d3132779c1444.json
+++ b/node_modules/.cache/babel-loader/49de78792342cc45d11d3132779c1444.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673315139852},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport pieChart from \"../chart/pieChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'typeChart',\n  //类型组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    regionTable: regionTable,\n    pieChart: pieChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  类型组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\"/>\r\n                <pieChart />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue'\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart,\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673593016910},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport pieChart from \"../chart/pieChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'typeChart',\n  //类型组件\n  props: ['pageType', 'triggerType', 'data'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    regionTable: regionTable,\n    pieChart: pieChart\n  },\n  data: function data() {\n    return {\n      title: '类型组件'\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,WAAA,EAAA,WALA;AAMA,IAAA,QAAA,EAAA;AANA,GAHA;AAWA,EAAA,IAXA,kBAWA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAfA;AAgBA,EAAA,OAAA,EAAA,EAhBA;AAiBA,EAAA,OAjBA,qBAiBA,CAAA;AAjBA,CAAA","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <pieChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '类型组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/4d4526eb6e690c02559295cd25fce6e0.json b/node_modules/.cache/babel-loader/4d4526eb6e690c02559295cd25fce6e0.json
new file mode 100644
index 00000000..53d7936d
--- /dev/null
+++ b/node_modules/.cache/babel-loader/4d4526eb6e690c02559295cd25fce6e0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      active: 0\n    };\n  },\n  methods: {\n    next: function next() {\n      if (this.active++ > 2) {\n        this.active = 0;\n      }\n    }\n  }\n};",{"version":3,"sources":["test2-1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,MAAA,EAAA;AADA,KAAA;AAGA,GALA;AAMA,EAAA,OAAA,EAAA;AACA,IAAA,IADA,kBACA;AACA,UAAA,KAAA,MAAA,KAAA,CAAA,EAAA;AACA,aAAA,MAAA,GAAA,CAAA;AACA;AACA;AALA;AANA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 1 </p>\r\n    <div class=\"test-div\">\r\n      <el-steps :active=\"active\" finish-status=\"success\" style=\"width:50%;\">\r\n        <el-step title=\"步骤 1\"></el-step>\r\n        <el-step title=\"步骤 2\"></el-step>\r\n        <el-step title=\"步骤 3\"></el-step>\r\n      </el-steps>\r\n      <el-button @click=\"next()\" type=\"primary\">下一步</el-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      active: 0\r\n    }\r\n  },\r\n  methods: {\r\n    next() {\r\n      if (this.active++ > 2) {\r\n        this.active = 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>"],"sourceRoot":"src/page/test2"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5352cb90722bffc6d47e6d1d3e6a13e3.json b/node_modules/.cache/babel-loader/5352cb90722bffc6d47e6d1d3e6a13e3.json
new file mode 100644
index 00000000..0d8f2e44
--- /dev/null
+++ b/node_modules/.cache/babel-loader/5352cb90722bffc6d47e6d1d3e6a13e3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue","mtime":1673493935674},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n  name: 'lineChart',\n  //折线图组件\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    } // list1: {\n    //     type: Array,\n    //     default() {\n    //         return []\n    //     }\n    // }\n\n  },\n  data: function data() {\n    return {// xData: [],\n      // yData: [],\n      // triggerType:'触发时刻'\n    };\n  },\n  methods: {\n    drawLine: function drawLine() {\n      var myChart = this.$echarts.init(this.$refs.lineChart);\n      var option = {\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        tooltip: {\n          show: true // trigger: 'axis',\n\n        },\n        xAxis: [{\n          type: 'category',\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            show: false\n          },\n          boundaryGap: ['5%', '5%'],\n          data: this.list.map(function (value) {\n            return value.type;\n          })\n        }],\n        yAxis: [{\n          type: 'value',\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisLine: {\n            show: false\n          }\n        }],\n        series: [{\n          name: '速度',\n          type: 'line',\n          stack: '总量',\n          symbolSize: 6,\n          smooth: true,\n          itemStyle: {\n            color: '#fb864b',\n            borderColor: '#fb864b',\n            borderWidth: 2\n          },\n          data: this.list.map(function (value) {\n            return value.speed;\n          })\n        }]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawLine(); // console.log(this.list1);\n  }\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;AAKA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA,CAOA;AACA;AACA;AACA;AACA;AACA;;AAZA,GAFA;AAgBA,EAAA,IAhBA,kBAgBA;AACA,WAAA,CACA;AACA;AACA;AAHA,KAAA;AAKA,GAtBA;AAuBA,EAAA,OAAA,EAAA;AACA,IAAA,QADA,sBACA;AACA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,SAAA,CAAA;AAEA,UAAA,MAAA,GAAA;AACA,QAAA,IAAA,EAAA;AACA,UAAA,IAAA,EAAA,IADA;AAEA,UAAA,KAAA,EAAA,IAFA;AAGA,UAAA,MAAA,EAAA,KAHA;AAIA,UAAA,GAAA,EAAA,KAJA;AAKA,UAAA,YAAA,EAAA;AALA,SADA;AAQA,QAAA,OAAA,EAAA;AACA,UAAA,IAAA,EAAA,IADA,CAEA;;AAFA,SARA;AAYA,QAAA,KAAA,EAAA,CACA;AACA,UAAA,IAAA,EAAA,UADA;AAEA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA,IADA;AAEA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,SADA;AAEA,cAAA,IAAA,EAAA;AAFA;AAFA,WAFA;AASA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WATA;AAYA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA;AADA,WAZA;AAeA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WAfA;AAkBA,UAAA,WAAA,EAAA,CAAA,IAAA,EAAA,IAAA,CAlBA;AAmBA,UAAA,IAAA,EAAA,KAAA,IAAA,CAAA,GAAA,CAAA,UAAA,KAAA,EAAA;AACA,mBAAA,KAAA,CAAA,IAAA;AACA,WAFA;AAnBA,SADA,CAZA;AAqCA,QAAA,KAAA,EAAA,CACA;AACA,UAAA,IAAA,EAAA,OADA;AAEA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA;AADA,WAFA;AAKA,UAAA,SAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,SADA;AAEA,cAAA,IAAA,EAAA;AAFA;AADA,WALA;AAWA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA;AAXA,SADA,CArCA;AAsDA,QAAA,MAAA,EAAA,CACA;AACA,UAAA,IAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,MAFA;AAGA,UAAA,KAAA,EAAA,IAHA;AAIA,UAAA,UAAA,EAAA,CAJA;AAKA,UAAA,MAAA,EAAA,IALA;AAMA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA,SADA;AAEA,YAAA,WAAA,EAAA,SAFA;AAGA,YAAA,WAAA,EAAA;AAHA,WANA;AAWA,UAAA,IAAA,EAAA,KAAA,IAAA,CAAA,GAAA,CAAA,UAAA,KAAA,EAAA;AACA,mBAAA,KAAA,CAAA,KAAA;AACA,WAFA;AAXA,SADA;AAtDA,OAAA;AAwEA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA,EA3EA,CA4EA;AACA;AACA;;AACA,MAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAGA;AAnFA,GAvBA;AA4GA,EAAA,OA5GA,qBA4GA;AACA,SAAA,QAAA,GADA,CAEA;AACA;AA/GA,CAAA","sourcesContent":["<template>\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            // xData: [],\r\n            // yData: [],\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n                        data: this.list.map((value) => {\r\n                            return value.type;\r\n                        })\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '速度',\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.list.map((value) => {\r\n                            return value.speed;\r\n                        })\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/53c340a2005f1e03059eea947ea65b4e.json b/node_modules/.cache/babel-loader/53c340a2005f1e03059eea947ea65b4e.json
index aeb9eda1..86112946 100644
--- a/node_modules/.cache/babel-loader/53c340a2005f1e03059eea947ea65b4e.json
+++ b/node_modules/.cache/babel-loader/53c340a2005f1e03059eea947ea65b4e.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\main.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\main.js","mtime":1673232721947},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFlow\\\\node_modules\\\\core-js\\\\modules\\\\es6.array.iterator.js\";\nimport \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFlow\\\\node_modules\\\\core-js\\\\modules\\\\es6.promise.js\";\nimport \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFlow\\\\node_modules\\\\core-js\\\\modules\\\\es6.object.assign.js\";\nimport \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFlow\\\\node_modules\\\\core-js\\\\modules\\\\es7.promise.finally.js\";\nimport Vue from 'vue';\nimport ElementUI from 'element-ui';\nimport 'element-ui/lib/theme-chalk/index.css';\nimport ViewUI from 'view-design';\nimport 'view-design/dist/styles/iview.css';\nimport axios from 'axios';\nimport App from \"./App.vue\";\nimport store from \"./store\";\nimport router from \"./router/index.js\";\nimport echarts from 'echarts';\nimport VueI18n from 'vue-i18n';\nimport { messages } from \"./components/common/i18n.js\";\nimport { formatSeconds } from \"./utils/tools.js\";\nimport 'babel-polyfill';\nimport \"./assets/css/main.css\";\nimport \"./assets/css/theme.scss\";\nVue.use(ElementUI);\nVue.use(ViewUI);\nVue.use(VueI18n);\nvar i18n = new VueI18n({\n  locale: 'zh',\n  messages: messages\n});\nVue.prototype.$axios = axios;\nVue.prototype.$echarts = echarts;\nVue.prototype.$formatSeconds = formatSeconds; // 全局使用该工具函数\n\nArray.prototype.pushNoRepeat = function () {\n  // 往数组里添加不重复数据\n  for (var i = 0; i < arguments.length; i++) {\n    var ele = arguments[i];\n\n    if (this.indexOf(ele) == -1) {\n      this.push(ele);\n    }\n  }\n};\n\nVue.config.productionTip = false; // 使用钩子函数对路由进行权限跳转\n\nrouter.beforeEach(function (to, from, next) {\n  document.title = \"\".concat(to.meta.title, \" | \\u540E\\u53F0\\u7BA1\\u7406\\u7CFB\\u7EDF\");\n  var role = localStorage.getItem('ms_username');\n\n  if (!role && to.path !== '/Login') {\n    next('/Login');\n  } else if (to.meta.permission) {\n    // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已\n    role === 'admin' ? next() : next('/403');\n  } else {\n    // 简单的判断IE10及以下，该组件不兼容\n    if (navigator.userAgent.indexOf('MSIE') > -1) {\n      Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {\n        confirmButtonText: '确定'\n      });\n    } else {\n      next();\n    }\n  }\n});\nnew Vue({\n  el: '#app',\n  router: router,\n  store: store,\n  i18n: i18n,\n  render: function render(h) {\n    return h(App);\n  }\n});",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/main.js"],"names":["Vue","ElementUI","ViewUI","axios","App","store","router","echarts","VueI18n","messages","formatSeconds","use","i18n","locale","prototype","$axios","$echarts","$formatSeconds","Array","pushNoRepeat","i","arguments","length","ele","indexOf","push","config","productionTip","beforeEach","to","from","next","document","title","meta","role","localStorage","getItem","path","permission","navigator","userAgent","$alert","confirmButtonText","el","render","h"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,KAAhB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAO,sCAAP;AACA,OAAOC,MAAP,MAAmB,aAAnB;AACA,OAAO,mCAAP;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,GAAP;AACA,OAAOC,KAAP;AACA,OAAOC,MAAP;AAEA,OAAOC,OAAP,MAAoB,SAApB;AACA,OAAOC,OAAP,MAAoB,UAApB;AACA,SAASC,QAAT;AACA,SAASC,aAAT;AACA,OAAO,gBAAP;AACA;AACA;AAEAV,GAAG,CAACW,GAAJ,CAAQV,SAAR;AACAD,GAAG,CAACW,GAAJ,CAAQT,MAAR;AACAF,GAAG,CAACW,GAAJ,CAAQH,OAAR;AACA,IAAMI,IAAI,GAAG,IAAIJ,OAAJ,CAAY;AACvBK,EAAAA,MAAM,EAAE,IADe;AAEvBJ,EAAAA,QAAQ,EAARA;AAFuB,CAAZ,CAAb;AAKAT,GAAG,CAACc,SAAJ,CAAcC,MAAd,GAAuBZ,KAAvB;AACAH,GAAG,CAACc,SAAJ,CAAcE,QAAd,GAAyBT,OAAzB;AACAP,GAAG,CAACc,SAAJ,CAAcG,cAAd,GAA+BP,aAA/B,C,CAA8C;;AAE9CQ,KAAK,CAACJ,SAAN,CAAgBK,YAAhB,GAA+B,YAAU;AAAE;AACzC,OAAI,IAAIC,CAAC,GAAC,CAAV,EAAaA,CAAC,GAACC,SAAS,CAACC,MAAzB,EAAiCF,CAAC,EAAlC,EAAqC;AACnC,QAAIG,GAAG,GAAGF,SAAS,CAACD,CAAD,CAAnB;;AACA,QAAG,KAAKI,OAAL,CAAaD,GAAb,KAAqB,CAAC,CAAzB,EAA2B;AACzB,WAAKE,IAAL,CAAUF,GAAV;AACD;AACF;AACF,CAPD;;AASAvB,GAAG,CAAC0B,MAAJ,CAAWC,aAAX,GAA2B,KAA3B,C,CAEA;;AACArB,MAAM,CAACsB,UAAP,CAAkB,UAACC,EAAD,EAAKC,IAAL,EAAWC,IAAX,EAAoB;AACpCC,EAAAA,QAAQ,CAACC,KAAT,aAAoBJ,EAAE,CAACK,IAAH,CAAQD,KAA5B;AACA,MAAME,IAAI,GAAGC,YAAY,CAACC,OAAb,CAAqB,aAArB,CAAb;;AACA,MAAI,CAACF,IAAD,IAASN,EAAE,CAACS,IAAH,KAAY,QAAzB,EAAmC;AACjCP,IAAAA,IAAI,CAAC,QAAD,CAAJ;AACD,GAFD,MAEO,IAAIF,EAAE,CAACK,IAAH,CAAQK,UAAZ,EAAwB;AAAG;AAChCJ,IAAAA,IAAI,KAAK,OAAT,GAAmBJ,IAAI,EAAvB,GAA4BA,IAAI,CAAC,MAAD,CAAhC;AACD,GAFM,MAEA;AACL;AACA,QAAIS,SAAS,CAACC,SAAV,CAAoBjB,OAApB,CAA4B,MAA5B,IAAsC,CAAC,CAA3C,EAA8C;AAC5CxB,MAAAA,GAAG,CAACc,SAAJ,CAAc4B,MAAd,CAAqB,+CAArB,EAAsE,UAAtE,EAAkF;AAChFC,QAAAA,iBAAiB,EAAE;AAD6D,OAAlF;AAGD,KAJD,MAIO;AACLZ,MAAAA,IAAI;AACL;AACF;AACF,CAjBD;AAmBA,IAAI/B,GAAJ,CAAQ;AACN4C,EAAAA,EAAE,EAAE,MADE;AAENtC,EAAAA,MAAM,EAANA,MAFM;AAGND,EAAAA,KAAK,EAALA,KAHM;AAINO,EAAAA,IAAI,EAAJA,IAJM;AAKNiC,EAAAA,MAAM,EAAE,gBAAAC,CAAC;AAAA,WAAIA,CAAC,CAAC1C,GAAD,CAAL;AAAA;AALH,CAAR","sourcesContent":["import Vue from 'vue';\r\nimport ElementUI from 'element-ui';\r\nimport 'element-ui/lib/theme-chalk/index.css';\r\nimport ViewUI from 'view-design';\r\nimport 'view-design/dist/styles/iview.css';\r\nimport axios from 'axios';\r\n\r\nimport App from './App.vue';\r\nimport store from './store';\r\nimport router from './router/index.js';\r\n\r\nimport echarts from 'echarts';\r\nimport VueI18n from 'vue-i18n';\r\nimport { messages } from './components/common/i18n.js';\r\nimport { formatSeconds } from './utils/tools.js';\r\nimport 'babel-polyfill';\r\nimport './assets/css/main.css';\r\nimport './assets/css/theme.scss';\r\n\r\nVue.use(ElementUI);\r\nVue.use(ViewUI);\r\nVue.use(VueI18n);\r\nconst i18n = new VueI18n({\r\n  locale: 'zh',\r\n  messages\r\n});\r\n\r\nVue.prototype.$axios = axios;\r\nVue.prototype.$echarts = echarts;\r\nVue.prototype.$formatSeconds = formatSeconds; // 全局使用该工具函数\r\n\r\nArray.prototype.pushNoRepeat = function(){ // 往数组里添加不重复数据\r\n  for(var i=0; i<arguments.length; i++){\r\n    var ele = arguments[i];\r\n    if(this.indexOf(ele) == -1){\r\n      this.push(ele);\r\n    }\r\n  }\r\n}\r\n\r\nVue.config.productionTip = false;\r\n\r\n// 使用钩子函数对路由进行权限跳转\r\nrouter.beforeEach((to, from, next) => {\r\n  document.title = `${to.meta.title} | 后台管理系统`;\r\n  const role = localStorage.getItem('ms_username');\r\n  if (!role && to.path !== '/Login') {\r\n    next('/Login');\r\n  } else if (to.meta.permission) {  // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已\r\n    role === 'admin' ? next() : next('/403');\r\n  } else {\r\n    // 简单的判断IE10及以下，该组件不兼容\r\n    if (navigator.userAgent.indexOf('MSIE') > -1) {\r\n      Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {\r\n        confirmButtonText: '确定'\r\n      });\r\n    } else {\r\n      next();\r\n    }\r\n  }\r\n});\r\n\r\nnew Vue({\r\n  el: '#app',\r\n  router,\r\n  store,\r\n  i18n,\r\n  render: h => h(App)\r\n});"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\main.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\main.js","mtime":1673580353831},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFlow\\\\node_modules\\\\core-js\\\\modules\\\\es6.array.iterator.js\";\nimport \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFlow\\\\node_modules\\\\core-js\\\\modules\\\\es6.promise.js\";\nimport \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFlow\\\\node_modules\\\\core-js\\\\modules\\\\es6.object.assign.js\";\nimport \"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939\\\\TransFlow\\\\node_modules\\\\core-js\\\\modules\\\\es7.promise.finally.js\";\nimport Vue from 'vue';\nimport ElementUI from 'element-ui';\nimport 'element-ui/lib/theme-chalk/index.css';\nimport ViewUI from 'view-design';\nimport 'view-design/dist/styles/iview.css';\nimport axios from 'axios';\nimport App from \"./App.vue\";\nimport store from \"./store\";\nimport router from \"./router/index.js\";\nimport echarts from 'echarts';\nimport VueI18n from 'vue-i18n';\nimport { messages } from \"./components/common/i18n.js\";\nimport { formatSeconds } from \"./utils/tools.js\";\nimport 'babel-polyfill';\nimport \"./assets/css/main.css\";\nimport \"./assets/css/theme.scss\";\nVue.use(ElementUI);\nVue.use(ViewUI);\nVue.use(VueI18n);\nVue.directive('alterELDialogMarginTop'\n/*修改elementUI中el-dialog顶部的距离,传入值eg:{marginTop:'5vh'} */\n, {\n  inserted: function inserted(el, binding, vnode) {\n    el.firstElementChild.style.marginTop = binding.value.marginTop;\n  }\n});\nvar i18n = new VueI18n({\n  locale: 'zh',\n  messages: messages\n});\nVue.prototype.$axios = axios;\nVue.prototype.$echarts = echarts;\nVue.prototype.$formatSeconds = formatSeconds; // 全局使用该工具函数\n\nArray.prototype.pushNoRepeat = function () {\n  // 往数组里添加不重复数据\n  for (var i = 0; i < arguments.length; i++) {\n    var ele = arguments[i];\n\n    if (this.indexOf(ele) == -1) {\n      this.push(ele);\n    }\n  }\n};\n\nVue.config.productionTip = false; // 使用钩子函数对路由进行权限跳转\n\nrouter.beforeEach(function (to, from, next) {\n  document.title = \"\".concat(to.meta.title, \" | \\u540E\\u53F0\\u7BA1\\u7406\\u7CFB\\u7EDF\");\n  var role = localStorage.getItem('ms_username');\n\n  if (!role && to.path !== '/Login') {\n    next('/Login');\n  } else if (to.meta.permission) {\n    // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已\n    role === 'admin' ? next() : next('/403');\n  } else {\n    // 简单的判断IE10及以下，该组件不兼容\n    if (navigator.userAgent.indexOf('MSIE') > -1) {\n      Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {\n        confirmButtonText: '确定'\n      });\n    } else {\n      next();\n    }\n  }\n});\nnew Vue({\n  el: '#app',\n  router: router,\n  store: store,\n  i18n: i18n,\n  render: function render(h) {\n    return h(App);\n  }\n});",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/main.js"],"names":["Vue","ElementUI","ViewUI","axios","App","store","router","echarts","VueI18n","messages","formatSeconds","use","directive","inserted","el","binding","vnode","firstElementChild","style","marginTop","value","i18n","locale","prototype","$axios","$echarts","$formatSeconds","Array","pushNoRepeat","i","arguments","length","ele","indexOf","push","config","productionTip","beforeEach","to","from","next","document","title","meta","role","localStorage","getItem","path","permission","navigator","userAgent","$alert","confirmButtonText","render","h"],"mappings":"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","sourcesContent":["import Vue from 'vue';\r\nimport ElementUI from 'element-ui';\r\nimport 'element-ui/lib/theme-chalk/index.css';\r\nimport ViewUI from 'view-design';\r\nimport 'view-design/dist/styles/iview.css';\r\nimport axios from 'axios';\r\n\r\nimport App from './App.vue';\r\nimport store from './store';\r\nimport router from './router/index.js';\r\n\r\nimport echarts from 'echarts';\r\nimport VueI18n from 'vue-i18n';\r\nimport { messages } from './components/common/i18n.js';\r\nimport { formatSeconds } from './utils/tools.js';\r\nimport 'babel-polyfill';\r\nimport './assets/css/main.css';\r\nimport './assets/css/theme.scss';\r\n\r\nVue.use(ElementUI);\r\nVue.use(ViewUI);\r\nVue.use(VueI18n);\r\nVue.directive('alterELDialogMarginTop'/*修改elementUI中el-dialog顶部的距离,传入值eg:{marginTop:'5vh'} */, {\r\n    inserted(el, binding, vnode) {\r\n      el.firstElementChild.style.marginTop = binding.value.marginTop\r\n    }\r\n  })\r\nconst i18n = new VueI18n({\r\n  locale: 'zh',\r\n  messages\r\n});\r\n\r\nVue.prototype.$axios = axios;\r\nVue.prototype.$echarts = echarts;\r\nVue.prototype.$formatSeconds = formatSeconds; // 全局使用该工具函数\r\n\r\nArray.prototype.pushNoRepeat = function(){ // 往数组里添加不重复数据\r\n  for(var i=0; i<arguments.length; i++){\r\n    var ele = arguments[i];\r\n    if(this.indexOf(ele) == -1){\r\n      this.push(ele);\r\n    }\r\n  }\r\n}\r\n\r\nVue.config.productionTip = false;\r\n\r\n// 使用钩子函数对路由进行权限跳转\r\nrouter.beforeEach((to, from, next) => {\r\n  document.title = `${to.meta.title} | 后台管理系统`;\r\n  const role = localStorage.getItem('ms_username');\r\n  if (!role && to.path !== '/Login') {\r\n    next('/Login');\r\n  } else if (to.meta.permission) {  // 如果是管理员权限则可进入，这里只是简单的模拟管理员权限而已\r\n    role === 'admin' ? next() : next('/403');\r\n  } else {\r\n    // 简单的判断IE10及以下，该组件不兼容\r\n    if (navigator.userAgent.indexOf('MSIE') > -1) {\r\n      Vue.prototype.$alert('vue-quill-editor组件不兼容IE10及以下浏览器，请使用更高版本的浏览器查看', '浏览器不兼容通知', {\r\n        confirmButtonText: '确定'\r\n      });\r\n    } else {\r\n      next();\r\n    }\r\n  }\r\n});\r\n\r\nnew Vue({\r\n  el: '#app',\r\n  router,\r\n  store,\r\n  i18n,\r\n  render: h => h(App)\r\n});"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/577c0ec7b1f978e5d56d74c14d690f9d.json b/node_modules/.cache/babel-loader/577c0ec7b1f978e5d56d74c14d690f9d.json
index 5a7c4159..124293b2 100644
--- a/node_modules/.cache/babel-loader/577c0ec7b1f978e5d56d74c14d690f9d.json
+++ b/node_modules/.cache/babel-loader/577c0ec7b1f978e5d56d74c14d690f9d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      componentShow: \"\",\n      currentDate: new Date(),\n      closeStatus: null,\n      dialogFormVisible: false,\n      fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n      ],\n      form: {\n        radio: '',\n        name: '',\n        city: '',\n        videoUrl: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [//     {\n      //     img:require('@/assets/img/AnalysisMain/img1.png'),\n      //     type:'实时视频',\n      //     title:'视频监控001'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img2.png'),\n      //     type:'离线视频',\n      //     title:'视频监控002'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img3.png'),\n      //     type:'实时视频',\n      //     title:'视频监控003'\n      // }\n    ]), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n  },\n  methods: {\n    informationInfo: function informationInfo(data, item) {\n      console.log(\"data\", data);\n\n      if (data == '新增') {\n        this.form = {\n          radio: '',\n          name: '',\n          city: '',\n          videoUrl: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _this = this;\n\n      console.log(\"item\", item);\n      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        getDeleteShipjk({\n          VideoId: item\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          _this.$message({\n            type: 'success',\n            message: '删除成功!'\n          });\n\n          _this.getVideoList();\n        });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    commit: function commit(form) {\n      var _this2 = this;\n\n      console.log(\"form\", form);\n      var formData = new FormData();\n      formData.append(\"VideoName\", form.videoName);\n      formData.append(\"VideoType\", form.videoType);\n      formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          _this2.getVideoList();\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n\n        _this2.dialogFormVisible = false;\n      });\n    },\n    handleFileChange: function handleFileChange(e) {\n      var inputDOM = this.$refs.inputer;\n      this.file = inputDOM.files[0]; // 通过DOM取文件数据\n    },\n    S4: function S4() {\n      return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);\n    },\n    guid: function guid() {\n      return this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4();\n    },\n    load: function load() {\n      var _this3 = this;\n\n      var size = this.file.size; //文件大小\n\n      var maxZrea = 8; //设置每个分区大小 MB\n\n      var bufferSize = maxZrea * (1024 * 1024);\n      var fileStart = 0;\n      var fileEnd = bufferSize;\n      var arrFile = [];\n\n      while (fileStart < size) {\n        var fileInfo = {\n          File: this.file.slice(fileStart, fileEnd),\n          Start: fileStart,\n          End: fileEnd\n        };\n        arrFile.push(fileInfo);\n        fileStart = fileEnd;\n        fileEnd = fileStart + bufferSize;\n      }\n\n      var count = arrFile.length;\n      var filename = this.file.name + \"~\" + this.guid();\n\n      for (var i = 0; i < count; i++) {\n        var formData = new FormData(); //new一个formData事件\n\n        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n        var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n        console.log(\"url\", url); //               axios({\n        //     method: \"post\",\n        //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\n        //     headers: {\n        //                     \"Content-Type\": \"multipart/form-data;\",\n        //                 }\n        //   })\n\n        axios.post(url, formData, {\n          headers: {\n            \"Content-Type\": \"multipart/form-data;\"\n          }\n        }).then(function (r) {\n          console.log(\"r.data\", r.data);\n\n          if (r.data.code != 200) {\n            console.log(r.data);\n          } else {\n            _this3.$message({\n              message: r.data.msg,\n              type: 'success'\n            });\n          } //console.log(r.data.code);\n\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this4 = this;\n\n      getGetShipjk().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.msg == '成功') {\n          var arr = [];\n          res.data.data.forEach(function (item) {\n            arr.push({\n              id: item.videoId,\n              type: item.videoType,\n              title: item.videoName,\n              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this4.videoList = arr;\n          console.log(\"this.videoList\", _this4.videoList);\n        }\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    } //    onUpdateSubmit(data) {\n    //       if (data?.id) {\n    //         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n    //       } else {\n    //         this.tableData.push({\n    //           id: Math.floor(Math.random() * 300),\n    //           name: data.name,\n    //           creator: 'dd',\n    //         })\n    //       }\n    //       this.dialogFormVisible = false;\n    //     },\n\n  },\n  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id) {\r\n        this.$router.push({path:'index',query: {id:id}})\r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n</style>\r\n\r\n\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk, getApplication } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      componentShow: \"\",\n      currentDate: new Date(),\n      closeStatus: null,\n      dialogFormVisible: false,\n      fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n      ],\n      form: {\n        radio: '',\n        name: '',\n        city: '',\n        videoUrl: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [//     {\n      //     img:require('@/assets/img/AnalysisMain/img1.png'),\n      //     type:'实时视频',\n      //     title:'视频监控001'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img2.png'),\n      //     type:'离线视频',\n      //     title:'视频监控002'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img3.png'),\n      //     type:'实时视频',\n      //     title:'视频监控003'\n      // }\n    ]), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n  },\n  methods: {\n    informationInfo: function informationInfo(data, item) {\n      console.log(\"data\", data);\n\n      if (data == '新增') {\n        this.form = {\n          radio: '',\n          name: '',\n          city: '',\n          videoUrl: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _this = this;\n\n      console.log(\"item\", item);\n      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        getDeleteShipjk({\n          VideoId: item\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          _this.$message({\n            type: 'success',\n            message: '删除成功!'\n          });\n\n          _this.getVideoList();\n        });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    commit: function commit(form) {\n      var _this2 = this;\n\n      console.log(\"form\", form);\n      var formData = new FormData();\n      formData.append(\"VideoName\", form.videoName);\n      formData.append(\"VideoType\", form.videoType);\n      formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          _this2.getVideoList();\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n\n        _this2.dialogFormVisible = false;\n      });\n    },\n    handleFileChange: function handleFileChange(e) {\n      var inputDOM = this.$refs.inputer;\n      this.file = inputDOM.files[0]; // 通过DOM取文件数据\n    },\n    //应用\n    applicationBtn: function applicationBtn() {\n      var _this3 = this;\n\n      getApplication().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this3.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        }\n      });\n    },\n    S4: function S4() {\n      return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);\n    },\n    guid: function guid() {\n      return this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4();\n    },\n    load: function load() {\n      var _this4 = this;\n\n      var size = this.file.size; //文件大小\n\n      var maxZrea = 8; //设置每个分区大小 MB\n\n      var bufferSize = maxZrea * (1024 * 1024);\n      var fileStart = 0;\n      var fileEnd = bufferSize;\n      var arrFile = [];\n\n      while (fileStart < size) {\n        var fileInfo = {\n          File: this.file.slice(fileStart, fileEnd),\n          Start: fileStart,\n          End: fileEnd\n        };\n        arrFile.push(fileInfo);\n        fileStart = fileEnd;\n        fileEnd = fileStart + bufferSize;\n      }\n\n      var count = arrFile.length;\n      var filename = this.file.name + \"~\" + this.guid();\n\n      for (var i = 0; i < count; i++) {\n        var formData = new FormData(); //new一个formData事件\n\n        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n        var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n        console.log(\"url\", url); //               axios({\n        //     method: \"post\",\n        //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\n        //     headers: {\n        //                     \"Content-Type\": \"multipart/form-data;\",\n        //                 }\n        //   })\n\n        axios.post(url, formData, {\n          headers: {\n            \"Content-Type\": \"multipart/form-data;\"\n          }\n        }).then(function (r) {\n          console.log(\"r.data\", r.data);\n\n          if (r.data.code != 200) {\n            console.log(r.data);\n          } else {\n            _this4.$message({\n              message: r.data.msg,\n              type: 'success'\n            });\n          } //console.log(r.data.code);\n\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id, num) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id,\n          num: num\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this5 = this;\n\n      getGetShipjk().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.msg == '成功') {\n          var arr = [];\n          res.data.data.forEach(function (item) {\n            arr.push({\n              id: item.videoId,\n              type: item.videoType,\n              title: item.videoName,\n              num: item.number,\n              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this5.videoList = arr;\n          console.log(\"this.videoList\", _this5.videoList);\n        }\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    } //    onUpdateSubmit(data) {\n    //       if (data?.id) {\n    //         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n    //       } else {\n    //         this.tableData.push({\n    //           id: Math.floor(Math.random() * 300),\n    //           name: data.name,\n    //           creator: 'dd',\n    //         })\n    //       }\n    //       this.dialogFormVisible = false;\n    //     },\n\n  },\n  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5b175d1dda49f4c971e4fd29509f9730.json b/node_modules/.cache/babel-loader/5b175d1dda49f4c971e4fd29509f9730.json
index c05c13f2..1bdc59ff 100644
--- a/node_modules/.cache/babel-loader/5b175d1dda49f4c971e4fd29509f9730.json
+++ b/node_modules/.cache/babel-loader/5b175d1dda49f4c971e4fd29509f9730.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673319660838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'pieChart',\n  //饼图图组件\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {};\n  },\n  methods: {\n    drawPie: function drawPie() {\n      var _ref;\n\n      var myChart = this.$echarts.init(this.$refs.pieChart);\n      var color = ['#0CD2E6', '#3751E6', '#FFC722'];\n      var legend = ['货车', '汽车', '人'];\n      var seriesData = [{\n        \"name\": \"货车\",\n        \"value\": 30\n      }, {\n        \"name\": \"汽车\",\n        \"value\": 10\n      }, {\n        \"name\": \"人\",\n        \"value\": 15\n      }];\n      var option = {\n        color: color,\n        legend: {\n          top: 20,\n          right: 'center',\n          textStyle: {},\n          data: legend\n        },\n        series: [(_ref = {\n          name: '需求类型占比',\n          type: 'pie',\n          center: ['50%', '55%'],\n          radius: '80%',\n          label: {\n            normal: {\n              show: false\n            }\n          },\n          labelLine: {\n            show: false,\n            length: 0,\n            length2: 0\n          }\n        }, _defineProperty(_ref, \"label\", {\n          normal: {\n            show: true,\n            position: 'inside',\n            formatter: '{value|{c}}',\n            rich: {\n              value: {\n                fontSize: 20,\n                color: '#ffffff'\n              }\n            }\n          }\n        }), _defineProperty(_ref, \"data\", seriesData), _ref)]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawPie();\n  }\n};",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA,eAAA;AACA,EAAA,IAAA,EAAA,UADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA;AADA,GAFA;AAUA,EAAA,IAVA,kBAUA;AAEA,WAAA,EAAA;AAEA,GAdA;AAeA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;;AACA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,KAAA,GAAA,CACA,SADA,EAEA,SAFA,EAGA,SAHA,CAAA;AAMA,UAAA,MAAA,GAAA,CACA,IADA,EAEA,IAFA,EAGA,GAHA,CAAA;AAMA,UAAA,UAAA,GAAA,CACA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OADA,EAEA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OAFA,EAGA;AAAA,gBAAA,GAAA;AAAA,iBAAA;AAAA,OAHA,CAAA;AAMA,UAAA,MAAA,GAAA;AAEA,QAAA,KAAA,EAAA,KAFA;AAGA,QAAA,MAAA,EAAA;AACA,UAAA,GAAA,EAAA,EADA;AAEA,UAAA,KAAA,EAAA,QAFA;AAGA,UAAA,SAAA,EAAA,EAHA;AAMA,UAAA,IAAA,EAAA;AANA,SAHA;AAWA,QAAA,MAAA,EAAA;AACA,UAAA,IAAA,EAAA,QADA;AAEA,UAAA,IAAA,EAAA,KAFA;AAGA,UAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,CAHA;AAIA,UAAA,MAAA,EAAA,KAJA;AAKA,UAAA,KAAA,EAAA;AACA,YAAA,MAAA,EAAA;AACA,cAAA,IAAA,EAAA;AADA;AADA,WALA;AAUA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA,KADA;AAEA,YAAA,MAAA,EAAA,CAFA;AAGA,YAAA,OAAA,EAAA;AAHA;AAVA,0CAeA;AACA,UAAA,MAAA,EAAA;AACA,YAAA,IAAA,EAAA,IADA;AAEA,YAAA,QAAA,EAAA,QAFA;AAGA,YAAA,SAAA,EAAA,aAHA;AAIA,YAAA,IAAA,EAAA;AACA,cAAA,KAAA,EAAA;AACA,gBAAA,QAAA,EAAA,EADA;AAEA,gBAAA,KAAA,EAAA;AAFA;AADA;AAJA;AADA,SAfA,iCA4BA,UA5BA;AAXA,OAAA;AA2CA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA,EA/DA,CAkEA;AACA;AACA;;AACA,MAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAKA;AA3EA,GAfA;AA4FA,EAAA,OA5FA,qBA4FA;AACA,SAAA,OAAA;AACA;AA9FA,CAAA","sourcesContent":["<template>\r\n\r\n    <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'pieChart',//饼图图组件\r\n    props: {\r\n        list:{\r\n            type:Array,\r\n            default(){\r\n                return[]\r\n            }\r\n        }\r\n    }, \r\n    data() {\r\n\r\n        return {\r\n        }\r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.init(this.$refs.pieChart)\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n\r\n            var legend = [\r\n                '货车',\r\n                '汽车',\r\n                '人',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"货车\", \"value\": 30 },\r\n                { \"name\": \"汽车\", \"value\": 10 },\r\n                { \"name\": \"人\", \"value\": 15 },\r\n            ]\r\n\r\n            let option = {\r\n\r\n                color: color,\r\n                legend: {\r\n                    top: 20,\r\n                    right: 'center',\r\n                    textStyle: {\r\n\r\n                    },\r\n                    data: legend,\r\n                },\r\n                series: [{\r\n                    name: '需求类型占比',\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '80%',\r\n                    label: {\r\n                        normal: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    labelLine: {\r\n                        show: false,\r\n                        length: 0,\r\n                        length2: 0,\r\n                    },\r\n                    label: {\r\n                        normal: {\r\n                            show: true,\r\n                            position: 'inside',\r\n                            formatter: '{value|{c}}',\r\n                            rich: {\r\n                                value: {\r\n                                    fontSize: 20,\r\n                                    color: '#ffffff',\r\n                                },\r\n                            },\r\n                        }\r\n                    },\r\n                    data: seriesData,\r\n                }],\r\n            };\r\n\r\n            myChart.setOption(option)\r\n\r\n\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawPie()\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'pieChart',\n  //饼图图组件\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {};\n  },\n  methods: {\n    drawPie: function drawPie() {\n      var _ref;\n\n      var myChart = this.$echarts.init(this.$refs.pieChart);\n      var color = ['#0CD2E6', '#3751E6', '#FFC722'];\n      var legend = ['货车', '汽车', '卡车'];\n      var seriesData = [{\n        \"name\": \"货车\",\n        \"value\": 30\n      }, {\n        \"name\": \"汽车\",\n        \"value\": 10\n      }, {\n        \"name\": \"卡车\",\n        \"value\": 15\n      }];\n      var option = {\n        color: color,\n        legend: {\n          top: 20,\n          right: 'center',\n          textStyle: {},\n          data: legend\n        },\n        series: [(_ref = {\n          name: '需求类型占比',\n          type: 'pie',\n          center: ['50%', '55%'],\n          radius: '80%',\n          label: {\n            normal: {\n              show: false\n            }\n          },\n          labelLine: {\n            show: false,\n            length: 0,\n            length2: 0\n          }\n        }, _defineProperty(_ref, \"label\", {\n          normal: {\n            show: true,\n            position: 'inside',\n            formatter: '{value|{c}}',\n            rich: {\n              value: {\n                fontSize: 20,\n                color: '#ffffff'\n              }\n            }\n          }\n        }), _defineProperty(_ref, \"data\", seriesData), _ref)]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawPie();\n  }\n};",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA,eAAA;AACA,EAAA,IAAA,EAAA,UADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA;AADA,GAFA;AAUA,EAAA,IAVA,kBAUA;AAEA,WAAA,EAAA;AAEA,GAdA;AAeA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;;AACA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,KAAA,GAAA,CACA,SADA,EAEA,SAFA,EAGA,SAHA,CAAA;AAMA,UAAA,MAAA,GAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,CAAA;AAMA,UAAA,UAAA,GAAA,CACA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OADA,EAEA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OAFA,EAGA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OAHA,CAAA;AAMA,UAAA,MAAA,GAAA;AAEA,QAAA,KAAA,EAAA,KAFA;AAGA,QAAA,MAAA,EAAA;AACA,UAAA,GAAA,EAAA,EADA;AAEA,UAAA,KAAA,EAAA,QAFA;AAGA,UAAA,SAAA,EAAA,EAHA;AAMA,UAAA,IAAA,EAAA;AANA,SAHA;AAWA,QAAA,MAAA,EAAA;AACA,UAAA,IAAA,EAAA,QADA;AAEA,UAAA,IAAA,EAAA,KAFA;AAGA,UAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,CAHA;AAIA,UAAA,MAAA,EAAA,KAJA;AAKA,UAAA,KAAA,EAAA;AACA,YAAA,MAAA,EAAA;AACA,cAAA,IAAA,EAAA;AADA;AADA,WALA;AAUA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA,KADA;AAEA,YAAA,MAAA,EAAA,CAFA;AAGA,YAAA,OAAA,EAAA;AAHA;AAVA,0CAeA;AACA,UAAA,MAAA,EAAA;AACA,YAAA,IAAA,EAAA,IADA;AAEA,YAAA,QAAA,EAAA,QAFA;AAGA,YAAA,SAAA,EAAA,aAHA;AAIA,YAAA,IAAA,EAAA;AACA,cAAA,KAAA,EAAA;AACA,gBAAA,QAAA,EAAA,EADA;AAEA,gBAAA,KAAA,EAAA;AAFA;AADA;AAJA;AADA,SAfA,iCA4BA,UA5BA;AAXA,OAAA;AA2CA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA,EA/DA,CAkEA;AACA;AACA;;AACA,MAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAKA;AA3EA,GAfA;AA4FA,EAAA,OA5FA,qBA4FA;AACA,SAAA,OAAA;AACA;AA9FA,CAAA","sourcesContent":["<template>\r\n\r\n    <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'pieChart',//饼图图组件\r\n    props: {\r\n        list:{\r\n            type:Array,\r\n            default(){\r\n                return[]\r\n            }\r\n        }\r\n    }, \r\n    data() {\r\n\r\n        return {\r\n        }\r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.init(this.$refs.pieChart)\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n\r\n            var legend = [\r\n                '货车',\r\n                '汽车',\r\n                '卡车',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"货车\", \"value\": 30 },\r\n                { \"name\": \"汽车\", \"value\": 10 },\r\n                { \"name\": \"卡车\", \"value\": 15 },\r\n            ]\r\n\r\n            let option = {\r\n\r\n                color: color,\r\n                legend: {\r\n                    top: 20,\r\n                    right: 'center',\r\n                    textStyle: {\r\n\r\n                    },\r\n                    data: legend,\r\n                },\r\n                series: [{\r\n                    name: '需求类型占比',\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '80%',\r\n                    label: {\r\n                        normal: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    labelLine: {\r\n                        show: false,\r\n                        length: 0,\r\n                        length2: 0,\r\n                    },\r\n                    label: {\r\n                        normal: {\r\n                            show: true,\r\n                            position: 'inside',\r\n                            formatter: '{value|{c}}',\r\n                            rich: {\r\n                                value: {\r\n                                    fontSize: 20,\r\n                                    color: '#ffffff',\r\n                                },\r\n                            },\r\n                        }\r\n                    },\r\n                    data: seriesData,\r\n                }],\r\n            };\r\n\r\n            myChart.setOption(option)\r\n\r\n\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawPie()\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5b2a27955840d53c6844d0d7c8a5ca47.json b/node_modules/.cache/babel-loader/5b2a27955840d53c6844d0d7c8a5ca47.json
new file mode 100644
index 00000000..1dff187e
--- /dev/null
+++ b/node_modules/.cache/babel-loader/5b2a27955840d53c6844d0d7c8a5ca47.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      tableData: [{\n        date: '2016-05-02',\n        name: '王小虎',\n        address: '上海市普陀区金沙江路 1518 弄'\n      }, {\n        date: '2016-05-04',\n        name: '王小虎',\n        address: '上海市普陀区金沙江路 1517 弄'\n      }, {\n        date: '2016-05-01',\n        name: '王小虎',\n        address: '上海市普陀区金沙江路 1519 弄'\n      }, {\n        date: '2016-05-03',\n        name: '王小虎',\n        address: '上海市普陀区金沙江路 1516 弄'\n      }],\n      currentPage: 1,\n      pageSize: 100,\n      totalNumber: 1000,\n      tableHeight: 0,\n      dialogVisible: false\n    };\n  },\n  created: function created() {\n    var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\n    this.tableHeight = windowHeight - 170;\n  },\n  methods: {\n    download: function download(scope) {\n      console.log(scope, '下载');\n    },\n    showView: function showView(scope) {\n      console.log(scope, '查看');\n      this.dialogVisible = true;\n    },\n    clickDelete: function clickDelete(scope) {\n      console.log(scope, '删除');\n    },\n    handleSizeChange: function handleSizeChange(val) {\n      console.log(\"\\u6BCF\\u9875 \".concat(val, \" \\u6761\"));\n    },\n    handleCurrentChange: function handleCurrentChange(val) {\n      console.log(\"\\u5F53\\u524D\\u9875: \".concat(val));\n    }\n  }\n};",{"version":3,"sources":["logs.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,YADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,OAAA,EAAA;AAHA,OADA,EAKA;AACA,QAAA,IAAA,EAAA,YADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,OAAA,EAAA;AAHA,OALA,EASA;AACA,QAAA,IAAA,EAAA,YADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,OAAA,EAAA;AAHA,OATA,EAaA;AACA,QAAA,IAAA,EAAA,YADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,OAAA,EAAA;AAHA,OAbA,CADA;AAoBA,MAAA,WAAA,EAAA,CApBA;AAqBA,MAAA,QAAA,EAAA,GArBA;AAsBA,MAAA,WAAA,EAAA,IAtBA;AAuBA,MAAA,WAAA,EAAA,CAvBA;AAwBA,MAAA,aAAA,EAAA;AAxBA,KAAA;AA0BA,GA5BA;AA6BA,EAAA,OA7BA,qBA6BA;AACA,QAAA,YAAA,GAAA,QAAA,CAAA,eAAA,CAAA,YAAA,IAAA,QAAA,CAAA,IAAA,CAAA,YAAA;AACA,SAAA,WAAA,GAAA,YAAA,GAAA,GAAA;AACA,GAhCA;AAiCA,EAAA,OAAA,EAAA;AACA,IAAA,QADA,oBACA,KADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,KAHA;AAIA,IAAA,QAJA,oBAIA,KAJA,EAIA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,WAAA,aAAA,GAAA,IAAA;AACA,KAPA;AAQA,IAAA,WARA,uBAQA,KARA,EAQA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA;AACA,KAVA;AAWA,IAAA,gBAXA,4BAWA,GAXA,EAWA;AACA,MAAA,OAAA,CAAA,GAAA,wBAAA,GAAA;AACA,KAbA;AAcA,IAAA,mBAdA,+BAcA,GAdA,EAcA;AACA,MAAA,OAAA,CAAA,GAAA,+BAAA,GAAA;AACA;AAhBA;AAjCA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">通知/日志</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"date\" label=\"通知类型\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"产生时机\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"address\" label=\"内容\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"download(scope.row)\" type=\"text\" size=\"small\" class=\"\">下载</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\">\r\n        <span>这是一段信息</span>\r\n        <!-- <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n          <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\r\n        </span> -->\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      tableData: [\r\n        {\r\n          date: '2016-05-02',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1518 弄'\r\n        }, {\r\n          date: '2016-05-04',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1517 弄'\r\n        }, {\r\n          date: '2016-05-01',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1519 弄'\r\n        }, {\r\n          date: '2016-05-03',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1516 弄'\r\n        },\r\n      ],\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogVisible: false\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 170;\r\n  },\r\n  methods: {\r\n    download(scope) {\r\n      console.log(scope, '下载');\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogVisible = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5bac6b3cd40ee00bb0a68690fe87b6c3.json b/node_modules/.cache/babel-loader/5bac6b3cd40ee00bb0a68690fe87b6c3.json
new file mode 100644
index 00000000..fd227fa3
--- /dev/null
+++ b/node_modules/.cache/babel-loader/5bac6b3cd40ee00bb0a68690fe87b6c3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\store\\index.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\store\\index.js","mtime":1673232721956},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import Vue from 'vue';\nimport Vuex from 'vuex';\nimport Cookies from 'js-cookie';\nVue.use(Vuex);\nvar store = new Vuex.Store({\n  state: {\n    authToken: Cookies.get('authToken') || ''\n  },\n  mutations: {},\n  actions: {}\n});\nexport default store;",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/store/index.js"],"names":["Vue","Vuex","Cookies","use","store","Store","state","authToken","get","mutations","actions"],"mappings":"AAAA,OAAOA,GAAP,MAAgB,KAAhB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,OAAP,MAAoB,WAApB;AAEAF,GAAG,CAACG,GAAJ,CAAQF,IAAR;AAEA,IAAMG,KAAK,GAAG,IAAIH,IAAI,CAACI,KAAT,CAAe;AAC3BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEL,OAAO,CAACM,GAAR,CAAY,WAAZ,KAA4B;AADlC,GADoB;AAI3BC,EAAAA,SAAS,EAAE,EAJgB;AAO3BC,EAAAA,OAAO,EAAE;AAPkB,CAAf,CAAd;AAYA,eAAeN,KAAf","sourcesContent":["import Vue from 'vue';\r\nimport Vuex from 'vuex';\r\nimport Cookies from 'js-cookie';\r\n\r\nVue.use(Vuex);\r\n\r\nconst store = new Vuex.Store({\r\n  state: {\r\n    authToken: Cookies.get('authToken') || ''\r\n  },\r\n  mutations: {\r\n\r\n  },\r\n  actions: {\r\n    \r\n  }\r\n});\r\n\r\nexport default store;"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5d4448e01ab8a9fa111b6712348cc43b.json b/node_modules/.cache/babel-loader/5d4448e01ab8a9fa111b6712348cc43b.json
new file mode 100644
index 00000000..03ec2bb4
--- /dev/null
+++ b/node_modules/.cache/babel-loader/5d4448e01ab8a9fa111b6712348cc43b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'tableShow',\n  //表格组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    type: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A']\n    };\n  },\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA;AAJA,KAAA;AAMA,GApBA;AAqBA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AAAA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA;AALA,GArBA;AA6BA,EAAA,OA7BA,qBA6BA,CAEA;AA/BA,CAAA","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n         <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option>\r\n\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5e78e6d3771720745f3bcf0bb6b46dbd.json b/node_modules/.cache/babel-loader/5e78e6d3771720745f3bcf0bb6b46dbd.json
index 1a128747..bd267c72 100644
--- a/node_modules/.cache/babel-loader/5e78e6d3771720745f3bcf0bb6b46dbd.json
+++ b/node_modules/.cache/babel-loader/5e78e6d3771720745f3bcf0bb6b46dbd.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673256991481},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\nexport default {\n  name: 'thermalChart',\n  //折线图组件\n  data: function data() {\n    return {\n      tableData: [{\n        name: '111',\n        val1: '100',\n        val2: '200',\n        val3: '300',\n        val4: '400'\n      }]\n    };\n  },\n  methods: {\n    drawThermalChart: function drawThermalChart() {\n      var myChart = this.$echarts.init(this.$refs.thermalChart);\n      var hours = ['12a', '1a', '2a', '3a', '4a', '5a', '6a', '7a', '8a', '9a', '10a', '11a', '12p', '1p', '2p', '3p', '4p', '5p', '6p', '7p', '8p', '9p', '10p', '11p']; // prettier-ignore\n\n      var days = ['Saturday', 'Friday', 'Thursday', 'Wednesday', 'Tuesday', 'Monday', 'Sunday']; // prettier-ignore\n\n      var data = [[0, 0, 5], [0, 1, 1], [0, 2, 0], [0, 3, 0], [0, 4, 0], [0, 5, 0], [0, 6, 0], [0, 7, 0], [0, 8, 0], [0, 9, 0], [0, 10, 0], [0, 11, 2], [0, 12, 4], [0, 13, 1], [0, 14, 1], [0, 15, 3], [0, 16, 4], [0, 17, 6], [0, 18, 4], [0, 19, 4], [0, 20, 3], [0, 21, 3], [0, 22, 2], [0, 23, 5], [1, 0, 7], [1, 1, 0], [1, 2, 0], [1, 3, 0], [1, 4, 0], [1, 5, 0], [1, 6, 0], [1, 7, 0], [1, 8, 0], [1, 9, 0], [1, 10, 5], [1, 11, 2], [1, 12, 2], [1, 13, 6], [1, 14, 9], [1, 15, 11], [1, 16, 6], [1, 17, 7], [1, 18, 8], [1, 19, 12], [1, 20, 5], [1, 21, 5], [1, 22, 7], [1, 23, 2], [2, 0, 1], [2, 1, 1], [2, 2, 0], [2, 3, 0], [2, 4, 0], [2, 5, 0], [2, 6, 0], [2, 7, 0], [2, 8, 0], [2, 9, 0], [2, 10, 3], [2, 11, 2], [2, 12, 1], [2, 13, 9], [2, 14, 8], [2, 15, 10], [2, 16, 6], [2, 17, 5], [2, 18, 5], [2, 19, 5], [2, 20, 7], [2, 21, 4], [2, 22, 2], [2, 23, 4], [3, 0, 7], [3, 1, 3], [3, 2, 0], [3, 3, 0], [3, 4, 0], [3, 5, 0], [3, 6, 0], [3, 7, 0], [3, 8, 1], [3, 9, 0], [3, 10, 5], [3, 11, 4], [3, 12, 7], [3, 13, 14], [3, 14, 13], [3, 15, 12], [3, 16, 9], [3, 17, 5], [3, 18, 5], [3, 19, 10], [3, 20, 6], [3, 21, 4], [3, 22, 4], [3, 23, 1], [4, 0, 1], [4, 1, 3], [4, 2, 0], [4, 3, 0], [4, 4, 0], [4, 5, 1], [4, 6, 0], [4, 7, 0], [4, 8, 0], [4, 9, 2], [4, 10, 4], [4, 11, 4], [4, 12, 2], [4, 13, 4], [4, 14, 4], [4, 15, 14], [4, 16, 12], [4, 17, 1], [4, 18, 8], [4, 19, 5], [4, 20, 3], [4, 21, 7], [4, 22, 3], [4, 23, 0], [5, 0, 2], [5, 1, 1], [5, 2, 0], [5, 3, 3], [5, 4, 0], [5, 5, 0], [5, 6, 0], [5, 7, 0], [5, 8, 2], [5, 9, 0], [5, 10, 4], [5, 11, 1], [5, 12, 5], [5, 13, 10], [5, 14, 5], [5, 15, 7], [5, 16, 11], [5, 17, 6], [5, 18, 0], [5, 19, 5], [5, 20, 3], [5, 21, 4], [5, 22, 2], [5, 23, 0], [6, 0, 1], [6, 1, 0], [6, 2, 0], [6, 3, 0], [6, 4, 0], [6, 5, 0], [6, 6, 0], [6, 7, 0], [6, 8, 0], [6, 9, 0], [6, 10, 1], [6, 11, 0], [6, 12, 2], [6, 13, 1], [6, 14, 3], [6, 15, 4], [6, 16, 0], [6, 17, 0], [6, 18, 0], [6, 19, 0], [6, 20, 1], [6, 21, 2], [6, 22, 2], [6, 23, 6]].map(function (item) {\n        return [item[1], item[0], item[2] || '-'];\n      });\n      var option = {\n        textStyle: {\n          color: '#666',\n          fontSize: 13\n        },\n        toolbox: {\n          show: true,\n          feature: {\n            saveAsImage: {\n              backgroundColor: 'rgba(0,0,0,0)'\n            },\n            restore: {}\n          },\n          iconStyle: {\n            borderColor: '#666'\n          }\n        },\n        tooltip: {},\n        grid: {\n          containLabel: true\n        },\n        xAxis: {\n          nameTextStyle: {\n            color: '#666',\n            padding: [0, 0, -10, 0],\n            fontSize: 13\n          },\n          axisLabel: {\n            interval: 0,\n            textStyle: {\n              fontSize: 13\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          type: 'category',\n          data: ['2015年', '2016年', '2017年', '2018年', '2019年'],\n          splitArea: {\n            show: true,\n            areaStyle: {\n              color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)']\n            }\n          }\n        },\n        yAxis: {\n          nameTextStyle: {\n            color: '#666',\n            padding: [0, 0, -10, 0],\n            fontSize: 13\n          },\n          axisLabel: {\n            interval: 0,\n            textStyle: {\n              fontSize: 13\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          type: 'category',\n          data: ['GATE1', 'GATE2', 'GATE3', 'GATE4', 'GATE5', 'GATE6', 'GATE7']\n        },\n        visualMap: [{\n          min: 100,\n          max: 400,\n          calculable: false,\n          orient: 'horizontal',\n          left: 'center',\n          top: 20,\n          color: ['#C7021D', '#79E73C'],\n          text: ['高      ', '低'],\n          textStyle: {\n            color: '#666',\n            fontSize: 13\n          }\n        }],\n        series: [{\n          type: 'heatmap',\n          data: [[0, 0, 100], [0, 1, 100], [0, 2, 100], [0, 3, 100], [0, 4, 100], [0, 5, 100], [0, 6, 200], [1, 0, 120], [1, 1, 120], [1, 2, 125], [1, 3, 120], [1, 4, 120], [1, 5, 120], [1, 6, 120], [2, 0, 120], [2, 1, 140], [2, 2, 140], [2, 3, 140], [2, 4, 140], [2, 5, 140], [2, 6, 140], [3, 0, 200], [3, 1, 200], [3, 2, 200], [3, 3, 200], [3, 4, 200], [3, 5, 200], [3, 6, 200], [4, 0, 300], [4, 1, 300], [4, 2, 300], [4, 3, 300], [4, 4, 300], [4, 5, 300], [4, 6, 300]],\n          label: {\n            normal: {\n              show: true,\n              color: '#fff'\n            }\n          },\n          itemStyle: {\n            normal: {\n              borderColor: 'rgba(255, 255, 255, 0.5)'\n            },\n            emphasis: {\n              shadowBlur: 0,\n              shadowColor: 'rgba(255, 255, 255, 0.5)'\n            }\n          }\n        }]\n      };\n      myChart.setOption(option);\n\n      window.onresize = function () {\n        // 根据窗口大小变化图表自适应\n        myChart.resize();\n      };\n    }\n  },\n  mounted: function mounted() {\n    this.drawThermalChart();\n  }\n};",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":";;;;;;AAOA,eAAA;AACA,EAAA,IAAA,EAAA,cADA;AACA;AACA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,IAAA,EAAA;AALA,OADA;AADA,KAAA;AAWA,GAdA;AAeA,EAAA,OAAA,EAAA;AACA,IAAA,gBADA,8BACA;AACA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,YAAA,CAAA;AAEA,UAAA,KAAA,GAAA,CACA,KADA,EACA,IADA,EACA,IADA,EACA,IADA,EACA,IADA,EACA,IADA,EACA,IADA,EAEA,IAFA,EAEA,IAFA,EAEA,IAFA,EAEA,KAFA,EAEA,KAFA,EAGA,KAHA,EAGA,IAHA,EAGA,IAHA,EAGA,IAHA,EAGA,IAHA,EAGA,IAHA,EAIA,IAJA,EAIA,IAJA,EAIA,IAJA,EAIA,IAJA,EAIA,KAJA,EAIA,KAJA,CAAA,CAHA,CASA;;AACA,UAAA,IAAA,GAAA,CACA,UADA,EACA,QADA,EACA,UADA,EAEA,WAFA,EAEA,SAFA,EAEA,QAFA,EAEA,QAFA,CAAA,CAVA,CAcA;;AACA,UAAA,IAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA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","sourcesContent":["<template>\r\n\r\n    <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'thermalChart', //折线图组件\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    name: '111',\r\n                    val1: '100',\r\n                    val2: '200',\r\n                    val3: '300',\r\n                    val4: '400'\r\n                }\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart)\r\n\r\n            const hours = [\r\n                '12a', '1a', '2a', '3a', '4a', '5a', '6a',\r\n                '7a', '8a', '9a', '10a', '11a',\r\n                '12p', '1p', '2p', '3p', '4p', '5p',\r\n                '6p', '7p', '8p', '9p', '10p', '11p'\r\n            ];\r\n            // prettier-ignore\r\n            const days = [\r\n                'Saturday', 'Friday', 'Thursday',\r\n                'Wednesday', 'Tuesday', 'Monday', 'Sunday'\r\n            ];\r\n            // prettier-ignore\r\n            const data = [[0, 0, 5], [0, 1, 1], [0, 2, 0], [0, 3, 0], [0, 4, 0], [0, 5, 0], [0, 6, 0], [0, 7, 0], [0, 8, 0], [0, 9, 0], [0, 10, 0], [0, 11, 2], [0, 12, 4], [0, 13, 1], [0, 14, 1], [0, 15, 3], [0, 16, 4], [0, 17, 6], [0, 18, 4], [0, 19, 4], [0, 20, 3], [0, 21, 3], [0, 22, 2], [0, 23, 5], [1, 0, 7], [1, 1, 0], [1, 2, 0], [1, 3, 0], [1, 4, 0], [1, 5, 0], [1, 6, 0], [1, 7, 0], [1, 8, 0], [1, 9, 0], [1, 10, 5], [1, 11, 2], [1, 12, 2], [1, 13, 6], [1, 14, 9], [1, 15, 11], [1, 16, 6], [1, 17, 7], [1, 18, 8], [1, 19, 12], [1, 20, 5], [1, 21, 5], [1, 22, 7], [1, 23, 2], [2, 0, 1], [2, 1, 1], [2, 2, 0], [2, 3, 0], [2, 4, 0], [2, 5, 0], [2, 6, 0], [2, 7, 0], [2, 8, 0], [2, 9, 0], [2, 10, 3], [2, 11, 2], [2, 12, 1], [2, 13, 9], [2, 14, 8], [2, 15, 10], [2, 16, 6], [2, 17, 5], [2, 18, 5], [2, 19, 5], [2, 20, 7], [2, 21, 4], [2, 22, 2], [2, 23, 4], [3, 0, 7], [3, 1, 3], [3, 2, 0], [3, 3, 0], [3, 4, 0], [3, 5, 0], [3, 6, 0], [3, 7, 0], [3, 8, 1], [3, 9, 0], [3, 10, 5], [3, 11, 4], [3, 12, 7], [3, 13, 14], [3, 14, 13], [3, 15, 12], [3, 16, 9], [3, 17, 5], [3, 18, 5], [3, 19, 10], [3, 20, 6], [3, 21, 4], [3, 22, 4], [3, 23, 1], [4, 0, 1], [4, 1, 3], [4, 2, 0], [4, 3, 0], [4, 4, 0], [4, 5, 1], [4, 6, 0], [4, 7, 0], [4, 8, 0], [4, 9, 2], [4, 10, 4], [4, 11, 4], [4, 12, 2], [4, 13, 4], [4, 14, 4], [4, 15, 14], [4, 16, 12], [4, 17, 1], [4, 18, 8], [4, 19, 5], [4, 20, 3], [4, 21, 7], [4, 22, 3], [4, 23, 0], [5, 0, 2], [5, 1, 1], [5, 2, 0], [5, 3, 3], [5, 4, 0], [5, 5, 0], [5, 6, 0], [5, 7, 0], [5, 8, 2], [5, 9, 0], [5, 10, 4], [5, 11, 1], [5, 12, 5], [5, 13, 10], [5, 14, 5], [5, 15, 7], [5, 16, 11], [5, 17, 6], [5, 18, 0], [5, 19, 5], [5, 20, 3], [5, 21, 4], [5, 22, 2], [5, 23, 0], [6, 0, 1], [6, 1, 0], [6, 2, 0], [6, 3, 0], [6, 4, 0], [6, 5, 0], [6, 6, 0], [6, 7, 0], [6, 8, 0], [6, 9, 0], [6, 10, 1], [6, 11, 0], [6, 12, 2], [6, 13, 1], [6, 14, 3], [6, 15, 4], [6, 16, 0], [6, 17, 0], [6, 18, 0], [6, 19, 0], [6, 20, 1], [6, 21, 2], [6, 22, 2], [6, 23, 6]]\r\n                .map(function (item) {\r\n                    return [item[1], item[0], item[2] || '-'];\r\n                });\r\n            let option = {\r\n    textStyle: { color: '#666', fontSize: 13 },\r\n    toolbox: {\r\n        show: true,\r\n        feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n        iconStyle: { borderColor: '#666' },\r\n    },\r\n    tooltip: {},\r\n    grid: { containLabel: true },\r\n    xAxis: {\r\n        nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n        axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n        axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        splitLine: { show: false },\r\n        axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        type: 'category',\r\n        data: ['2015年', '2016年', '2017年', '2018年', '2019年'],\r\n        splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } },\r\n    },\r\n    yAxis: {\r\n        nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n        axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n        axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        splitLine: { show: false },\r\n        axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        type: 'category',\r\n        data: [\r\n            'GATE1',\r\n            'GATE2',\r\n            'GATE3',\r\n            'GATE4',\r\n            'GATE5',\r\n            'GATE6',\r\n            'GATE7',\r\n            \r\n        ],\r\n    },\r\n    visualMap: [\r\n        {\r\n            min: 100,\r\n            max: 400,\r\n            calculable: false,\r\n            orient: 'horizontal',\r\n            left: 'center',\r\n            top: 20,\r\n            color: ['#C7021D', '#79E73C'],\r\n            text: ['高      ', '低'],\r\n            textStyle: { color: '#666', fontSize: 13 },\r\n        },\r\n    ],\r\n    series: [\r\n        {\r\n            type: 'heatmap',\r\n            data: [\r\n                [0, 0, 100],\r\n                [0, 1, 100],\r\n                [0, 2, 100],\r\n                [0, 3, 100],\r\n                [0, 4, 100],\r\n                [0, 5, 100],\r\n                [0, 6, 200],\r\n    \r\n                [1, 0, 120],\r\n                [1, 1, 120],\r\n                [1, 2, 125],\r\n                [1, 3, 120],\r\n                [1, 4, 120],\r\n                [1, 5, 120],\r\n                [1, 6, 120],\r\n        \r\n                [2, 0, 120],\r\n                [2, 1, 140],\r\n                [2, 2, 140],\r\n                [2, 3, 140],\r\n                [2, 4, 140],\r\n                [2, 5, 140],\r\n                [2, 6, 140],\r\n            \r\n                [3, 0, 200],\r\n                [3, 1, 200],\r\n                [3, 2, 200],\r\n                [3, 3, 200],\r\n                [3, 4, 200],\r\n                [3, 5, 200],\r\n                [3, 6, 200],\r\n               \r\n                [4, 0, 300],\r\n                [4, 1, 300],\r\n                [4, 2, 300],\r\n                [4, 3, 300],\r\n                [4, 4, 300],\r\n                [4, 5, 300],\r\n                [4, 6, 300],\r\n            \r\n            ],\r\n            label: { normal: { show: true, color: '#fff' } },\r\n            itemStyle: {\r\n                normal: { borderColor: 'rgba(255, 255, 255, 0.5)' },\r\n                emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' },\r\n            },\r\n        },\r\n    ],\r\n};\r\n            myChart.setOption(option)\r\n            window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart()\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673598250692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n  name: 'thermalChart',\n  //热点图组件\n  data: function data() {\n    return {};\n  },\n  methods: {\n    drawThermalChart: function drawThermalChart() {\n      var myChart = this.$echarts.init(this.$refs.thermalChart);\n      var option = {\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        textStyle: {\n          color: '#666',\n          fontSize: 13\n        },\n        // toolbox: {\n        //     show: true,\n        //     feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\n        //     iconStyle: { borderColor: '#666' }\n        // },\n        tooltip: {},\n        xAxis: {\n          nameTextStyle: {\n            color: '#666',\n            padding: [0, 0, -10, 0],\n            fontSize: 13\n          },\n          axisLabel: {\n            interval: 0,\n            textStyle: {\n              fontSize: 13\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          type: 'category',\n          data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\n          splitArea: {\n            show: true,\n            areaStyle: {\n              color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)']\n            }\n          }\n        },\n        yAxis: {\n          nameTextStyle: {\n            color: '#666',\n            padding: [0, 0, -10, 0],\n            fontSize: 13\n          },\n          axisLabel: {\n            interval: 0,\n            textStyle: {\n              fontSize: 13\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          type: 'category',\n          data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\n        },\n        visualMap: [{\n          min: 100,\n          max: 400,\n          calculable: false,\n          orient: 'horizontal',\n          left: 'center',\n          top: 20,\n          color: ['#C7021D', '#79E73C'],\n          text: ['高', '低'],\n          textStyle: {\n            color: '#666',\n            fontSize: 13\n          }\n        }],\n        series: [{\n          type: 'heatmap',\n          // pageSize: 20,\n          pointSize: 10,\n          blurSize: 10,\n          data: [[0, 0, 100], [0, 1, 100], [0, 2, 100], [0, 3, 100], // [0, 4, 100],\n          // [0, 5, 100],\n          // [0, 6, 200],\n          [1, 0, 120], [1, 1, 120], [1, 2, 125], [1, 3, 120], // [1, 4, 120],\n          // [1, 5, 120],\n          // [1, 6, 120],\n          [2, 0, 120], [2, 1, 140], [2, 2, 140], [2, 3, 140], // [2, 4, 140],\n          // [2, 5, 140],\n          // [2, 6, 140],\n          [3, 0, 200], [3, 1, 200], [3, 2, 200], [3, 3, 200] // [3, 4, 200],\n          // [3, 5, 200],\n          // [3, 6, 200],\n          // [4, 4, 300],\n          // [4, 5, 300],\n          // [4, 6, 300]\n          ],\n          label: {\n            show: true,\n            color: '#fff'\n          },\n          itemStyle: {\n            borderColor: 'rgba(255, 255, 255, 0.5)',\n            emphasis: {\n              shadowBlur: 0,\n              shadowColor: 'rgba(255, 255, 255, 0.5)'\n            }\n          }\n        }]\n      };\n      myChart.setOption(option);\n\n      window.onresize = function () {\n        // 根据窗口大小变化图表自适应\n        myChart.resize();\n      };\n    }\n  },\n  mounted: function mounted() {\n    this.drawThermalChart();\n  }\n};",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'thermalChart', //热点图组件\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                textStyle: { color: '#666', fontSize: 13 },\r\n                // toolbox: {\r\n                //     show: true,\r\n                //     feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n                //     iconStyle: { borderColor: '#666' }\r\n                // },\r\n                tooltip: {},\r\n                xAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n                    splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n                },\r\n                yAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n                },\r\n                visualMap: [\r\n                    {\r\n                        min: 100,\r\n                        max: 400,\r\n                        calculable: false,\r\n                        orient: 'horizontal',\r\n                        left: 'center',\r\n                        top: 20,\r\n                        color: ['#C7021D', '#79E73C'],\r\n                        text: ['高', '低'],\r\n                        textStyle: { color: '#666', fontSize: 13 }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        type: 'heatmap',\r\n                        // pageSize: 20,\r\n                        pointSize: 10,\r\n                        blurSize: 10,\r\n                        data: [\r\n                            [0, 0, 100],\r\n                            [0, 1, 100],\r\n                            [0, 2, 100],\r\n                            [0, 3, 100],\r\n                            // [0, 4, 100],\r\n                            // [0, 5, 100],\r\n                            // [0, 6, 200],\r\n\r\n                            [1, 0, 120],\r\n                            [1, 1, 120],\r\n                            [1, 2, 125],\r\n                            [1, 3, 120],\r\n                            // [1, 4, 120],\r\n                            // [1, 5, 120],\r\n                            // [1, 6, 120],\r\n\r\n                            [2, 0, 120],\r\n                            [2, 1, 140],\r\n                            [2, 2, 140],\r\n                            [2, 3, 140],\r\n                            // [2, 4, 140],\r\n                            // [2, 5, 140],\r\n                            // [2, 6, 140],\r\n\r\n                            [3, 0, 200],\r\n                            [3, 1, 200],\r\n                            [3, 2, 200],\r\n                            [3, 3, 200]\r\n                            // [3, 4, 200],\r\n                            // [3, 5, 200],\r\n                            // [3, 6, 200],\r\n\r\n                            // [4, 4, 300],\r\n                            // [4, 5, 300],\r\n                            // [4, 6, 300]\r\n                        ],\r\n                        label: { show: true, color: '#fff' },\r\n                        itemStyle: {\r\n                            borderColor: 'rgba(255, 255, 255, 0.5)',\r\n                            emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n                        }\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            window.onresize = () => {\r\n                // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart();\r\n    }\r\n};\r\n</script>\r\n<style scoped></style>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/5ec6fbb3a9466fa3a6b00a35659e54d3.json b/node_modules/.cache/babel-loader/5ec6fbb3a9466fa3a6b00a35659e54d3.json
new file mode 100644
index 00000000..84467890
--- /dev/null
+++ b/node_modules/.cache/babel-loader/5ec6fbb3a9466fa3a6b00a35659e54d3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue","mtime":1673232721952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {};\n  }\n};",{"version":3,"sources":["test1-5.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA,EAAA;AAGA;AALA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 5 </p>\r\n    <div class=\"test-div\">\r\n      <el-tag effect=\"dark\">标签一</el-tag>\r\n      <el-tag type=\"success\">标签二</el-tag>\r\n      <el-tag type=\"info\">标签三</el-tag>\r\n      <el-tag type=\"warning\" effect=\"dark\">标签四</el-tag>\r\n      <el-tag type=\"danger\" effect=\"dark\">标签五</el-tag>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>"],"sourceRoot":"src/page/test1"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/60531fcaacc714ef6a7b4a1f1ae3ce08.json b/node_modules/.cache/babel-loader/60531fcaacc714ef6a7b4a1f1ae3ce08.json
new file mode 100644
index 00000000..13b858d9
--- /dev/null
+++ b/node_modules/.cache/babel-loader/60531fcaacc714ef6a7b4a1f1ae3ce08.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      itemList: [// 水平一级菜单栏的菜单\n      // { path: '/Home', title: '首页' },\n      {\n        path: '/test1',\n        title: '一级菜单1'\n      }, {\n        path: '/test2',\n        title: '一级菜单2'\n      }, {\n        path: '/test3',\n        title: '一级菜单3'\n      }, {\n        path: '/permission',\n        title: '管理员权限'\n      } // { path: '/i18n', title: '国际化组件' }\n      ],\n      leftMenus: [{\n        title: '分析',\n        path: 'AnalysisMain',\n        icon: 'el-icon-data-line' // icon : require('@/assets/img/fenxi.png'),\n\n      }, {\n        title: '控制中心',\n        path: 'ControlCenter',\n        icon: 'el-icon-coin',\n        children: [{\n          title: '通用',\n          path: 'test1-2',\n          children: [{\n            title: '关于本机',\n            path: 'AboutMachine'\n          }, {\n            title: '网络',\n            path: 'network'\n          }, {\n            title: 'VPN',\n            path: 'VPN'\n          }, {\n            title: '自定义操作',\n            path: 'CustomOperations'\n          }, {\n            title: '健康检测',\n            path: 'HealthCheck'\n          }]\n        }, {\n          title: '运行状态',\n          path: 'StateOperation' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: '接口',\n          path: 'interface' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: 'IP设置',\n          path: 'IPSetting' // icon : 'el-icon-user-solid',\n\n        }]\n      }, {\n        title: '系统设置',\n        path: 'SystemSettings',\n        icon: 'el-icon-s-tools',\n        children: [{\n          title: '全局设置',\n          path: 'globalSettings' // icon : 'bars',\n\n        }, {\n          title: '关于本机——导出设置',\n          path: 'ExportingSettings' // icon : 'tool',\n\n        }, {\n          title: '关于本机——导入设置',\n          path: 'ImportSettings' // icon : 'tool',\n\n        }, {\n          title: '接口与服务器证书',\n          path: 'InterfaceServerCertificates' // icon : 'tool',\n\n        }, {\n          title: 'UDP服务设置',\n          path: 'UDPServiceSettings' // icon : 'tool',\n\n        }]\n      }, {\n        title: '用户管理',\n        path: 'UserManagement',\n        icon: 'el-icon-user-solid',\n        children: [{\n          title: '我的账号',\n          path: 'myId' // icon : 'bars',\n\n        }, {\n          title: '账号管理',\n          path: 'IdManagement' // icon : 'tool',\n\n        }]\n      }, {\n        title: '通知/日志',\n        path: 'logs',\n        icon: 'el-icon-phone'\n      }],\n      globalTheme: false\n    };\n  },\n  computed: {\n    username: function username() {\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex: function toIndex() {\n      // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    }\n  },\n  created: function created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect: function handleSelect(path) {\n      // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'loginout') {\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n          path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle: function handleChangeStyle() {\n      // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme); // 本地存储选择的 globalTheme\n\n      bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n    }\n  }\n};",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n    <!-- </div> -->\r\n     \r\n    \r\n\r\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\r\n     <!-- <el-container> -->\r\n        <div class=\"header\" >\r\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\r\n      <!-- 水平一级菜单 -->\r\n      <div style=\"float:left;\">\r\n        <!-- <el-menu \r\n          mode=\"horizontal\"\r\n          text-color=\"#000000\"\r\n          active-text-color=\"#3989fa\"\r\n          :default-active=\"toIndex\" \r\n          @select=\"handleSelect\">\r\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\r\n            <span slot=\"title\">{{ item.title }}</span>\r\n          </el-menu-item>\r\n        </el-menu> -->\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n   background: url('../../assets/img/leftBg.png'); \r\n    max-height: 1000px;\r\n    background-size: 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"],"sourceRoot":"src/components/common"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/623342d73f9f879c08847153a265e12b.json b/node_modules/.cache/babel-loader/623342d73f9f879c08847153a265e12b.json
new file mode 100644
index 00000000..439579f4
--- /dev/null
+++ b/node_modules/.cache/babel-loader/623342d73f9f879c08847153a265e12b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'detailDialog',\n  //速度组件\n  props: {},\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A'],\n      options: [{\n        value: '选项1',\n        label: '黄金糕'\n      }, {\n        value: '选项2',\n        label: '双皮奶'\n      }, {\n        value: '选项3',\n        label: '蚵仔煎'\n      }, {\n        value: '选项4',\n        label: '龙须面'\n      }, {\n        value: '选项5',\n        label: '北京烤鸭'\n      }],\n      value: ''\n    };\n  },\n  methods: {\n    onSubmit: function onSubmit() {},\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,eAAA;AACA,EAAA,IAAA,EAAA,cADA;AACA;AACA,EAAA,KAAA,EAAA,EAFA;AAGA,EAAA,IAHA,kBAGA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAjBA,CALA;AA2BA,MAAA,KAAA,EAAA;AA3BA,KAAA;AA6BA,GAjCA;AAkCA,EAAA,OAAA,EAAA;AACA,IAAA,QADA,sBACA,CAAA,CADA;AAEA,IAAA,aAFA,yBAEA,OAFA,EAEA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA,KAPA;AAQA,IAAA,WARA,uBAQA,IARA,EAQA;AACA,WAAA,QAAA,CAAA,OAAA,EACA,IADA,CACA,UAAA,CAAA,EAAA;AACA,QAAA,IAAA;AACA,OAHA,EAIA,KAJA,CAIA,UAAA,CAAA,EAAA,CAAA,CAJA;AAKA;AAdA,GAlCA;AAkDA,EAAA,OAlDA,qBAkDA,CAAA;AAlDA,CAAA","sourcesContent":["<template>\r\n    <div>\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\r\n            <el-form label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'detailDialog', //速度组件\r\n    props: {},\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        };\r\n    },\r\n    methods: {\r\n        onSubmit() {},\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        },\r\n        handleClose(done) {\r\n            this.$confirm('确认关闭？')\r\n                .then((_) => {\r\n                    done();\r\n                })\r\n                .catch((_) => {});\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.down {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    position: relative;\r\n    z-index: 100;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/68c352dae5102a8e28472793bc112779.json b/node_modules/.cache/babel-loader/68c352dae5102a8e28472793bc112779.json
new file mode 100644
index 00000000..3da94bae
--- /dev/null
+++ b/node_modules/.cache/babel-loader/68c352dae5102a8e28472793bc112779.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { getQuanjszData } from \"../../api/index\";\nimport serverUrl from \"../../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      videoNumber: 6,\n      FPS: 0,\n      id: ''\n    };\n  },\n  mounted: function mounted() {\n    this.getShipjkDatalist();\n  },\n  methods: {\n    handleChangeVideoNumber: function handleChangeVideoNumber(value) {\n      var _this = this;\n\n      console.log(\"videoNumber\", value);\n      this.videoNumber = value;\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", value);\n      formData.append(\"F_NB_TIAOZSZ\", this.FPS);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    handleChange: function handleChange(value) {\n      var _this2 = this;\n\n      console.log(\"FPS\", value);\n      this.FPS = value;\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", this.videoNumber);\n      formData.append(\"F_NB_TIAOZSZ\", value);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //获取全局设置数据\n    getShipjkDatalist: function getShipjkDatalist() {\n      var _this3 = this;\n\n      getQuanjszData().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this3.videoNumber = res.data.data.f_NB_SHIPJRSX;\n          _this3.FPS = res.data.data.f_NB_TIAOZSZ;\n          _this3.id = res.data.data.f_VC_ID;\n        }\n      });\n    },\n    //点击确认\n    commit: function commit() {\n      var _this4 = this;\n\n      var formData = new FormData();\n      formData.append(\"F_NB_SHIPJRSX\", this.videoNumber);\n      formData.append(\"F_NB_TIAOZSZ\", this.FPS);\n      formData.append(\"F_VC_ID\", this.id);\n      axios({\n        method: \"post\",\n        url: serverUrl.postSetQuanjsz,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        } else {\n          _this4.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    }\n  }\n};",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"默认取值：\">\r\n        </el-form-item>\r\n        <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/6bdb21b9da5b37e8581ce7aa21e064b5.json b/node_modules/.cache/babel-loader/6bdb21b9da5b37e8581ce7aa21e064b5.json
new file mode 100644
index 00000000..1ca699fd
--- /dev/null
+++ b/node_modules/.cache/babel-loader/6bdb21b9da5b37e8581ce7aa21e064b5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { loginApi } from '@/api/login';\nexport default {\n  name: 'Login',\n  // 登录页面\n  data: function data() {\n    return {\n      param: {\n        username: 'admin',\n        password: '123456'\n      },\n      checked: false,\n      rules: {\n        username: [{\n          required: true,\n          message: '账号不能为空',\n          trigger: 'blur'\n        }],\n        password: [{\n          required: true,\n          message: '密码不能为空',\n          trigger: 'blur'\n        }]\n      }\n    };\n  },\n  created: function created() {\n    this.getType();\n  },\n  methods: {\n    getType: function getType() {\n      var datas = {\n        telephone: '13088888888',\n        typeCode: 2\n      };\n      loginApi(datas).then(function (res) {\n        console.log('c', res);\n      });\n    },\n    submitForm: function submitForm() {\n      var _this = this;\n\n      this.$refs.login.validate(function (valid) {\n        if (valid) {\n          _this.$message.success('登录成功');\n\n          localStorage.setItem('ms_username', _this.param.username);\n\n          _this.$router.push('/');\n        } else {\n          _this.$message.error('请输入账号和密码');\n\n          console.log('error submit!!');\n          return false;\n        }\n      });\n    }\n  }\n};",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAA,QAAA,QAAA,aAAA;AAEA,eAAA;AACA,EAAA,IAAA,EAAA,OADA;AACA;AACA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AACA,QAAA,QAAA,EAAA,OADA;AAEA,QAAA,QAAA,EAAA;AAFA,OADA;AAKA,MAAA,OAAA,EAAA,KALA;AAMA,MAAA,KAAA,EAAA;AACA,QAAA,QAAA,EAAA,CAAA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SAAA,CADA;AAEA,QAAA,QAAA,EAAA,CAAA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SAAA;AAFA;AANA,KAAA;AAWA,GAdA;AAeA,EAAA,OAfA,qBAeA;AACA,SAAA,OAAA;AACA,GAjBA;AAkBA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AACA,UAAA,KAAA,GAAA;AACA,QAAA,SAAA,EAAA,aADA;AAEA,QAAA,QAAA,EAAA;AAFA,OAAA;AAIA,MAAA,QAAA,CAAA,KAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,GAAA;AACA,OAFA;AAGA,KATA;AAUA,IAAA,UAVA,wBAUA;AAAA;;AACA,WAAA,KAAA,CAAA,KAAA,CAAA,QAAA,CAAA,UAAA,KAAA,EAAA;AACA,YAAA,KAAA,EAAA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA;;AACA,UAAA,YAAA,CAAA,OAAA,CAAA,aAAA,EAAA,KAAA,CAAA,KAAA,CAAA,QAAA;;AACA,UAAA,KAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA;AACA,SAJA,MAIA;AACA,UAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,UAAA;;AACA,UAAA,OAAA,CAAA,GAAA,CAAA,gBAAA;AACA,iBAAA,KAAA;AACA;AACA,OAVA;AAWA;AAtBA;AAlBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"login-wrap\">\r\n        <div class=\"ms-login\">\r\n            <div class=\"ms-title\"></div>\r\n            <div class=\"content\">\r\n                <div class=\"welcome\">欢迎登录</div>\r\n                <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\r\n                    <el-form-item prop=\"username\" label=\"用户名\">\r\n                        <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\r\n                        <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <div class=\"unforget\" style=\"margin-left:15px\">\r\n                      <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\r\n                    </div>\r\n                </el-form>\r\n                <div class=\"login-btn\">\r\n                        <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    // background: url('../assets/img/bg.gif');\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 23.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n</style>\r\n"],"sourceRoot":"src/page"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/7335bfb35f177ad7831e45d8ed222c3b.json b/node_modules/.cache/babel-loader/7335bfb35f177ad7831e45d8ed222c3b.json
index f96d6d1a..6e58dc2b 100644
--- a/node_modules/.cache/babel-loader/7335bfb35f177ad7831e45d8ed222c3b.json
+++ b/node_modules/.cache/babel-loader/7335bfb35f177ad7831e45d8ed222c3b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673232721964},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      form: {\n        name1: '离线',\n        name2: '重新配置',\n        state: '关',\n        endTime: '连接',\n        blacklist: '-1x-1',\n        autograph: '-1x-1',\n        version: '0',\n        version1: '0',\n        version2: '0',\n        version4: '',\n        version5: '不受支持的',\n        version6: '不受支持的',\n        version7: '不受支持的',\n        version8: '不受支持的'\n      },\n      showUpdateCertificate: false\n    };\n  }\n};",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqHA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,KAAA,EAAA,IADA;AAEA,QAAA,KAAA,EAAA,MAFA;AAGA,QAAA,KAAA,EAAA,GAHA;AAIA,QAAA,OAAA,EAAA,IAJA;AAKA,QAAA,SAAA,EAAA,OALA;AAMA,QAAA,SAAA,EAAA,OANA;AAOA,QAAA,OAAA,EAAA,GAPA;AAQA,QAAA,QAAA,EAAA,GARA;AASA,QAAA,QAAA,EAAA,GATA;AAUA,QAAA,QAAA,EAAA,EAVA;AAWA,QAAA,QAAA,EAAA,OAXA;AAYA,QAAA,QAAA,EAAA,OAZA;AAaA,QAAA,QAAA,EAAA,OAbA;AAcA,QAAA,QAAA,EAAA;AAdA,OADA;AAiBA,MAAA,qBAAA,EAAA;AAjBA,KAAA;AAmBA;AArBA,CAAA","sourcesContent":["<template>\r\n  <div >\r\n    <div >\r\n      <!-- <p>节点源</p> -->\r\n       <h3>节点源</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"来源：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源极状态：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"稳定状态：\">\r\n          {{ form.state }}\r\n        </el-form-item>\r\n        <el-form-item label=\"视频数据连接：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源分辨率：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"神经网络分辨率：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"输入帧速率：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"解码器帧速率：\">\r\n          {{ form.version1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"检测器帧速率：\">\r\n          {{ form.version2 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"最后一帧分析时间：\">\r\n          {{ form.version4 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"运动状态：\">\r\n          {{ form.version5 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机盘：\">\r\n          {{ form.version6 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机倾斜：\">\r\n          {{ form.version7 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"照相机变焦：\">\r\n          {{ form.version8 }}\r\n        </el-form-item>\r\n      </el-form>\r\n    <h3>立方体分析</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"多维数据集ID：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析ID：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析序列ID：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的轨迹：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"总缓存容量：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存启动：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存结束：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第最后一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n         <el-form-item label=\"上次自动保存时间戳：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n     <h3>洞察同步</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"上次同步时间戳：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次评估数据的差异：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次图像数据的差异：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n      </el-form>\r\n      <!-- <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button> -->\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      form: {\n        name1: '离线',\n        name2: '重新配置',\n        state: '关',\n        endTime: '连接',\n        blacklist: '-1x-1',\n        autograph: '-1x-1',\n        version: '0',\n        version1: '0',\n        version2: '0',\n        version4: '',\n        version5: '不受支持的',\n        version6: '不受支持的',\n        version7: '不受支持的',\n        version8: '不受支持的'\n      },\n      showUpdateCertificate: false\n    };\n  }\n};",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,KAAA,EAAA,IADA;AAEA,QAAA,KAAA,EAAA,MAFA;AAGA,QAAA,KAAA,EAAA,GAHA;AAIA,QAAA,OAAA,EAAA,IAJA;AAKA,QAAA,SAAA,EAAA,OALA;AAMA,QAAA,SAAA,EAAA,OANA;AAOA,QAAA,OAAA,EAAA,GAPA;AAQA,QAAA,QAAA,EAAA,GARA;AASA,QAAA,QAAA,EAAA,GATA;AAUA,QAAA,QAAA,EAAA,EAVA;AAWA,QAAA,QAAA,EAAA,OAXA;AAYA,QAAA,QAAA,EAAA,OAZA;AAaA,QAAA,QAAA,EAAA,OAbA;AAcA,QAAA,QAAA,EAAA;AAdA,OADA;AAiBA,MAAA,qBAAA,EAAA;AAjBA,KAAA;AAmBA;AArBA,CAAA","sourcesContent":["<template>\r\n  <div class=\"statusMain\">\r\n    <div >\r\n      <!-- <p>节点源</p> -->\r\n       <!-- <h3>节点源</h3> -->\r\n       <el-descriptions title=\"节点源\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"来源\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"源极状态\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"稳定状态\">{{ form.state }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"视频数据连接\">{{ form.endTime }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"源分辨率\">{{ form.blacklist }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"神经网络分辨率\">{{ form.autograph }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"输入帧速率\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"解码器帧速率\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"检测器帧速率\">{{ form.version2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"最后一帧分析时间\">{{ form.version4 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"运动状态\">{{ form.version5 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"摄像机盘\">{{ form.version6 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"摄像机倾斜\">{{ form.version7 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"照相机变焦\">{{ form.version8 }}</el-descriptions-item>\r\n        </el-descriptions>\r\n      <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"来源：\"> \r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源极状态：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"稳定状态：\">\r\n          {{ form.state }}\r\n        </el-form-item>\r\n        <el-form-item label=\"视频数据连接：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源分辨率：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"神经网络分辨率：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"输入帧速率：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"解码器帧速率：\">\r\n          {{ form.version1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"检测器帧速率：\">\r\n          {{ form.version2 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"最后一帧分析时间：\">\r\n          {{ form.version4 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"运动状态：\">\r\n          {{ form.version5 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机盘：\">\r\n          {{ form.version6 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机倾斜：\">\r\n          {{ form.version7 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"照相机变焦：\">\r\n          {{ form.version8 }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n       <el-descriptions title=\"立方体分析\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"多维数据集ID\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"分析ID\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"分析序列ID\">{{ form.state }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的轨迹\">{{ form.endTime }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"总缓存容量\">{{ form.blacklist }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"高速缓存启动\">{{ form.autograph }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"高速缓存结束\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的第一条线索\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的第最后一条线索\">{{ form.version2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"上次自动保存时间戳\">{{ form.version4 }}</el-descriptions-item>\r\n        </el-descriptions>\r\n    <!-- <h3>立方体分析</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"多维数据集ID：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析ID：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析序列ID：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的轨迹：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"总缓存容量：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存启动：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存结束：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第最后一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n         <el-form-item label=\"上次自动保存时间戳：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n      <el-descriptions title=\"洞察同步\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"上次同步时间戳\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"同步上次评估数据的差异\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"同步上次图像数据的差异\">{{ form.state }}</el-descriptions-item>\r\n        </el-descriptions> \r\n     <!-- <h3>洞察同步</h3> -->\r\n      <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"上次同步时间戳：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次评估数据的差异：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次图像数据的差异：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\" style=\"margin-top:15px\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.statusMain{\r\n  width: 100%;\r\n  height: 100%;\r\n      .el-descriptions{\r\n        margin-top: 15px !important;\r\n      }\r\n}\r\n//  .test-div i {\r\n//    font-size: 25px;\r\n//  }\r\n//  .el-form-item {\r\n//    margin-bottom: 0px;\r\n//  }\r\n</style>\r\n\r\n\r\n"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/76119fce2424c617f44645fe6a6152be.json b/node_modules/.cache/babel-loader/76119fce2424c617f44645fe6a6152be.json
index e430e1f5..ec117243 100644
--- a/node_modules/.cache/babel-loader/76119fce2424c617f44645fe6a6152be.json
+++ b/node_modules/.cache/babel-loader/76119fce2424c617f44645fe6a6152be.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\config\\apiurl.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\config\\apiurl.js","mtime":1673232721945},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["export default {\n  dataUrl: \"http://172.16.1.22:8080/aps/AddShipjk\",\n  getSpareElementOrder: \"http://172.16.1.22:8080/aps/Upload\",\n  postSetQuanjsz: \"http://172.16.1.22:8080/aps/SetQuanjsz\"\n};",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/config/apiurl.js"],"names":["dataUrl","getSpareElementOrder","postSetQuanjsz"],"mappings":"AACA,eAAe;AACbA,EAAAA,OAAO,EAAE,uCADI;AAEbC,EAAAA,oBAAoB,EAAE,oCAFT;AAGbC,EAAAA,cAAc,EAAE;AAHH,CAAf","sourcesContent":["\r\nexport default {\r\n  dataUrl: \"http://172.16.1.22:8080/aps/AddShipjk\",\r\n  getSpareElementOrder: \"http://172.16.1.22:8080/aps/Upload\",\r\n  postSetQuanjsz: \"http://172.16.1.22:8080/aps/SetQuanjsz\",\r\n};\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\config\\apiurl.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\config\\apiurl.js","mtime":1673580353831},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["export default {\n  //   dataUrl: \"http://172.16.1.22:8080/api/AddShipjk\",\n  //   getSpareElementOrder: \"http://172.16.1.22:8080/api/Upload\",\n  //   postSetQuanjsz: \"http://172.16.1.22:8080/api/SetQuanjsz\",\n  //   //新增图形接口\n  //   addFigure: \"http://172.16.1.22:8080/api/AddJianktx\", \n  //   //编辑图形名称\n  //   editFigure: \"http://172.16.1.22:8080/api/EditTuxmc\",\n  //   //编辑保存组件弹窗传参\n  //   editComponent: \"http://172.16.1.22:8080/api/SetMonqjkzjcs\", \n  dataUrl: \"http://172.16.1.168:5000/api/AddShipjk\",\n  getSpareElementOrder: \"http://172.16.1.168:5000/api/Upload\",\n  postSetQuanjsz: \"http://172.16.1.168:5000/api/SetQuanjsz\",\n  //新增图形接口\n  addFigure: \"http://172.16.1.168:5000/api/AddJianktx\",\n  //编辑图形名称\n  editFigure: \"http://172.16.1.168:5000/api/EditTuxmc\",\n  //编辑保存组件弹窗传参\n  editComponent: \"http://172.16.1.168:5000/api/SetMonqjkzjcs\"\n};",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/config/apiurl.js"],"names":["dataUrl","getSpareElementOrder","postSetQuanjsz","addFigure","editFigure","editComponent"],"mappings":"AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAA,EAAAA,OAAO,EAAE,wCAVM;AAWfC,EAAAA,oBAAoB,EAAE,qCAXP;AAYfC,EAAAA,cAAc,EAAE,yCAZD;AAaf;AACAC,EAAAA,SAAS,EAAE,yCAdI;AAef;AACAC,EAAAA,UAAU,EAAE,wCAhBG;AAiBf;AACAC,EAAAA,aAAa,EAAE;AAlBA,CAAf","sourcesContent":["\r\nexport default {\r\n//   dataUrl: \"http://172.16.1.22:8080/api/AddShipjk\",\r\n//   getSpareElementOrder: \"http://172.16.1.22:8080/api/Upload\",\r\n//   postSetQuanjsz: \"http://172.16.1.22:8080/api/SetQuanjsz\",\r\n//   //新增图形接口\r\n//   addFigure: \"http://172.16.1.22:8080/api/AddJianktx\", \r\n//   //编辑图形名称\r\n//   editFigure: \"http://172.16.1.22:8080/api/EditTuxmc\",\r\n//   //编辑保存组件弹窗传参\r\n//   editComponent: \"http://172.16.1.22:8080/api/SetMonqjkzjcs\", \r\ndataUrl: \"http://172.16.1.168:5000/api/AddShipjk\",\r\ngetSpareElementOrder: \"http://172.16.1.168:5000/api/Upload\",\r\npostSetQuanjsz: \"http://172.16.1.168:5000/api/SetQuanjsz\",\r\n//新增图形接口\r\naddFigure: \"http://172.16.1.168:5000/api/AddJianktx\", \r\n//编辑图形名称\r\neditFigure: \"http://172.16.1.168:5000/api/EditTuxmc\",\r\n//编辑保存组件弹窗传参\r\neditComponent: \"http://172.16.1.168:5000/api/SetMonqjkzjcs\", \r\n};\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/76a6ed68c42e9f2948a1a968a720d2ba.json b/node_modules/.cache/babel-loader/76a6ed68c42e9f2948a1a968a720d2ba.json
index 6fce48f0..0e48f111 100644
--- a/node_modules/.cache/babel-loader/76a6ed68c42e9f2948a1a968a720d2ba.json
+++ b/node_modules/.cache/babel-loader/76a6ed68c42e9f2948a1a968a720d2ba.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312077829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'tableShow',\n  //表格组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    type: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A']\n    };\n  },\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA;AAJA,KAAA;AAMA,GApBA;AAqBA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AAAA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA;AALA,GArBA;AA6BA,EAAA,OA7BA,qBA6BA,CAEA;AA/BA,CAAA","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option>\r\n\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673590085904},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'tableShow',\n  //表格组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    type: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A']\n    };\n  },\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA;AAJA,KAAA;AAMA,GApBA;AAqBA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AACA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA;AANA,GArBA;AA6BA,EAAA,OA7BA,qBA6BA,CAAA;AA7BA,CAAA","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"plate\" label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"lane\" label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"headWay\" label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon {\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent {\r\n    border: 1px solid #e4e7ed;\r\n}\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/771a7aef5497ce8de8beef8ae80b09d5.json b/node_modules/.cache/babel-loader/771a7aef5497ce8de8beef8ae80b09d5.json
new file mode 100644
index 00000000..31816de6
--- /dev/null
+++ b/node_modules/.cache/babel-loader/771a7aef5497ce8de8beef8ae80b09d5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFLow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return _defineProperty({\n      runningState: {\n        type: '',\n        version: '',\n        currentTime: '',\n        startTime: '',\n        runTime: ''\n      },\n      performance: {\n        runTime: '',\n        averageCpuUtilization: '',\n        cpuUtilization: '',\n        cpuTemperature: '',\n        cpuName: '',\n        gpuUtilization: '',\n        gpuTemperature: '',\n        memoryUsage: '',\n        totalMemory: '',\n        virtualMemoryUsed: '',\n        totalVirtualMemory: ''\n      },\n      mountingPointTable: [{\n        mountingPoint: '2016-05-02',\n        equipmentName: '王小虎',\n        occupancy: '上海市普陀区金沙江路 1518 弄',\n        total: '上海市普陀区金沙江路 1518 弄'\n      }],\n      networkStatus: {\n        internetAccess: '',\n        internetDelay: '',\n        DNS: '',\n        VPNvisit: '',\n        serverVPN: '',\n        serverVPNOpen: ''\n      }\n    }, \"networkStatus\", [{\n      connect: '2016-05-02',\n      IP: '王小虎',\n      acceptor: '上海市普陀区金沙江路 1518 弄',\n      totalReceived: '上海市普陀区金沙江路 1518 弄',\n      transmission: '上海市普陀区金沙江路 1518 弄',\n      transmissionTotal: '上海市普陀区金沙江路 1518 弄'\n    }]);\n  }\n};",{"version":3,"sources":["StateOperation.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FA,eAAA;AACA,EAAA,IADA,kBACA;AACA;AACA,MAAA,YAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,OAAA,EAAA,EAFA;AAGA,QAAA,WAAA,EAAA,EAHA;AAIA,QAAA,SAAA,EAAA,EAJA;AAKA,QAAA,OAAA,EAAA;AALA,OADA;AAQA,MAAA,WAAA,EAAA;AACA,QAAA,OAAA,EAAA,EADA;AAEA,QAAA,qBAAA,EAAA,EAFA;AAGA,QAAA,cAAA,EAAA,EAHA;AAIA,QAAA,cAAA,EAAA,EAJA;AAKA,QAAA,OAAA,EAAA,EALA;AAMA,QAAA,cAAA,EAAA,EANA;AAOA,QAAA,cAAA,EAAA,EAPA;AAQA,QAAA,WAAA,EAAA,EARA;AASA,QAAA,WAAA,EAAA,EATA;AAUA,QAAA,iBAAA,EAAA,EAVA;AAWA,QAAA,kBAAA,EAAA;AAXA,OARA;AAqBA,MAAA,kBAAA,EAAA,CACA;AACA,QAAA,aAAA,EAAA,YADA;AAEA,QAAA,aAAA,EAAA,KAFA;AAGA,QAAA,SAAA,EAAA,mBAHA;AAIA,QAAA,KAAA,EAAA;AAJA,OADA,CArBA;AA6BA,MAAA,aAAA,EAAA;AACA,QAAA,cAAA,EAAA,EADA;AAEA,QAAA,aAAA,EAAA,EAFA;AAGA,QAAA,GAAA,EAAA,EAHA;AAIA,QAAA,QAAA,EAAA,EAJA;AAKA,QAAA,SAAA,EAAA,EALA;AAMA,QAAA,aAAA,EAAA;AANA;AA7BA,wBAqCA,CACA;AACA,MAAA,OAAA,EAAA,YADA;AAEA,MAAA,EAAA,EAAA,KAFA;AAGA,MAAA,QAAA,EAAA,mBAHA;AAIA,MAAA,aAAA,EAAA,mBAJA;AAKA,MAAA,YAAA,EAAA,mBALA;AAMA,MAAA,iBAAA,EAAA;AANA,KADA,CArCA;AAgDA;AAlDA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <!-- <p>主体页面 1 - 2 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <h1>运行状态</h1>\r\n      <el-form :model=\"runningState\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"类型：\">{{ runningState.type }}</el-form-item>\r\n        <el-form-item label=\"版本：\">{{ runningState.version }}</el-form-item>\r\n        <el-form-item label=\"当前系统时间：\">{{ runningState.currentTime }}</el-form-item>\r\n        <el-form-item label=\"开始运行时间：\">{{ runningState.startTime }}</el-form-item>\r\n        <el-form-item label=\"正常运行时长：\">{{ runningState.runTime }}</el-form-item>\r\n      </el-form>\r\n\r\n      <h1 class=\"mar-top20\">系统性能状态</h1>\r\n      <el-form :model=\"performance\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"正常运行时长：\">{{ performance.runTime }}</el-form-item>\r\n        <el-form-item label=\"平均Cpu利用率：\">{{ performance.averageCpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Cpu利用率：\">{{ performance.cpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Cpu温度：\">{{ performance.cpuTemperature }}</el-form-item>\r\n        <el-form-item label=\"Cpu名称：\">{{ performance.cpuName }}</el-form-item>\r\n        <el-form-item label=\"Gpu利用率：\">{{ performance.gpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Gpu温度：\">{{ performance.gpuTemperature }}</el-form-item>\r\n        <el-form-item label=\"使用的内存：\">{{ performance.memoryUsage }}</el-form-item>\r\n        <el-form-item label=\"内存总数：\">{{ performance.totalMemory }}</el-form-item>\r\n        <el-form-item label=\"已使用虚拟内存：\">{{ performance.virtualMemoryUsed }}</el-form-item>\r\n        <el-form-item label=\"虚拟内存总计：\">{{ performance.totalVirtualMemory }}</el-form-item>\r\n      </el-form>\r\n\r\n      <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\r\n        <el-table-column prop=\"mountingPoint\" label=\"安装点\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"equipmentName\" label=\"设备名称\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"occupancy\" label=\"使用\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.occupancy }}GB\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"total\" label=\"容量\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}GB\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n\r\n      <h1 class=\"mar-top20\">系统网络状态</h1>\r\n      <el-form :model=\"networkStatus\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"互联网接入：\">{{ networkStatus.internetAccess }}</el-form-item>\r\n        <el-form-item label=\"互联网延迟：\">{{ networkStatus.internetDelay }}</el-form-item>\r\n        <el-form-item label=\"DNS访问：\">{{ networkStatus.DNS }}</el-form-item>\r\n        <el-form-item label=\"本地VPN访问：\">{{ networkStatus.VPNvisit }}</el-form-item>\r\n        <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPN }}</el-form-item>\r\n        <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPNOpen }}</el-form-item>\r\n      </el-form>\r\n\r\n      <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\r\n        <el-table-column prop=\"connect\" label=\"连接\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"IP\" label=\"IP地址\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"acceptor\" label=\"接受\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.occupancy }}K\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"totalReceived\" label=\"收到的总数\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}GB\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"transmission\" label=\"传输\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}Kb/s\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"transmissionTotal\" label=\"传输的总数\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}MB\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      runningState: {\r\n        type: '',\r\n        version: '',\r\n        currentTime: '',\r\n        startTime: '',\r\n        runTime: '',\r\n      },\r\n      performance: {\r\n        runTime: '',\r\n        averageCpuUtilization: '',\r\n        cpuUtilization: '',\r\n        cpuTemperature: '',\r\n        cpuName: '',\r\n        gpuUtilization: '',\r\n        gpuTemperature: '',\r\n        memoryUsage: '',\r\n        totalMemory: '',\r\n        virtualMemoryUsed: '',\r\n        totalVirtualMemory: '',\r\n      },\r\n      mountingPointTable: [\r\n        {\r\n          mountingPoint: '2016-05-02',\r\n          equipmentName: '王小虎',\r\n          occupancy: '上海市普陀区金沙江路 1518 弄',\r\n          total: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ],\r\n      networkStatus: {\r\n        internetAccess: '',\r\n        internetDelay: '',\r\n        DNS: '',\r\n        VPNvisit: '',\r\n        serverVPN: '',\r\n        serverVPNOpen: '',\r\n      },\r\n      networkStatus: [\r\n        {\r\n          connect: '2016-05-02',\r\n          IP: '王小虎',\r\n          acceptor: '上海市普陀区金沙江路 1518 弄',\r\n          totalReceived: '上海市普陀区金沙江路 1518 弄',\r\n          transmission: '上海市普陀区金沙江路 1518 弄',\r\n          transmissionTotal: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ]\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.mar-top20 {\r\n  margin-top: 20px;\r\n}\r\n</style>"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/77b7fa2f309d40fe2ec6d7d8962f5232.json b/node_modules/.cache/babel-loader/77b7fa2f309d40fe2ec6d7d8962f5232.json
new file mode 100644
index 00000000..cdeb2966
--- /dev/null
+++ b/node_modules/.cache/babel-loader/77b7fa2f309d40fe2ec6d7d8962f5232.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      formLabelAlign: {\n        name: 'admin',\n        account: 'admin',\n        password: '123456'\n      }\n    };\n  }\n};",{"version":3,"sources":["myId.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,cAAA,EAAA;AACA,QAAA,IAAA,EAAA,OADA;AAEA,QAAA,OAAA,EAAA,OAFA;AAGA,QAAA,QAAA,EAAA;AAHA;AADA,KAAA;AAOA;AATA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">我的账号</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"60px\" :model=\"formLabelAlign\">\r\n        <el-form-item label=\"名称：\">\r\n          {{ formLabelAlign.name }}\r\n        </el-form-item>\r\n        <el-form-item label=\"账号：\">\r\n          {{ formLabelAlign.account }}\r\n        </el-form-item>\r\n        <el-form-item label=\"密码：\">\r\n          {{ formLabelAlign.password }}\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      formLabelAlign: {\r\n        name: 'admin',\r\n        account: 'admin',\r\n        password: '123456',\r\n      },\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/7dc508cfa2137e8047c18007da4ffba9.json b/node_modules/.cache/babel-loader/7dc508cfa2137e8047c18007da4ffba9.json
new file mode 100644
index 00000000..48de9807
--- /dev/null
+++ b/node_modules/.cache/babel-loader/7dc508cfa2137e8047c18007da4ffba9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      fileList: []\n    };\n  },\n  methods: {\n    submitUpload: function submitUpload() {\n      this.$refs.upload.submit();\n      console.log(this.$refs.upload, '上传');\n    },\n    // 成功\n    fileSuccess: function fileSuccess(response, file, fileList) {\n      console.log(response, file, fileList, '成功');\n    },\n    // 失败\n    fileError: function fileError(err, file, fileList) {\n      console.log(err, file, fileList, '失败');\n    },\n    // 上传中\n    fileProgress: function fileProgress(event, file, fileList) {\n      console.log(event, file, fileList, '上传中');\n    }\n  }\n};",{"version":3,"sources":["ImportSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,QAAA,EAAA;AADA,KAAA;AAGA,GALA;AAMA,EAAA,OAAA,EAAA;AACA,IAAA,YADA,0BACA;AACA,WAAA,KAAA,CAAA,MAAA,CAAA,MAAA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,KAAA,CAAA,MAAA,EAAA,IAAA;AACA,KAJA;AAKA;AACA,IAAA,WANA,uBAMA,QANA,EAMA,IANA,EAMA,QANA,EAMA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA;AACA,KARA;AASA;AACA,IAAA,SAVA,qBAUA,GAVA,EAUA,IAVA,EAUA,QAVA,EAUA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA;AACA,KAZA;AAaA;AACA,IAAA,YAdA,wBAcA,KAdA,EAcA,IAdA,EAcA,QAdA,EAcA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,QAAA,EAAA,KAAA;AACA;AAhBA;AANA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">导入设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <el-upload class=\"upload-demo\" ref=\"upload\" action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n        :file-list=\"fileList\" :auto-upload=\"false\" @on-success=\"fileSuccess\" @on-error=\"fileError\" @on-progress=\"fileProgress\">\r\n        <el-button slot=\"trigger\" size=\"small\" type=\"primary\">选取文件</el-button>\r\n        <el-button style=\"margin-left: 10px;\" size=\"small\" type=\"success\" @click=\"submitUpload\">导入</el-button>\r\n      </el-upload>\r\n\r\n      <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        将一个保存好的系统设置文件导入本系统。导入后将覆盖现有的所有分析和用户设置，并重启系统，未保存的数据可能会丢失，请谨慎使用.\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      fileList: [],\r\n    }\r\n  },\r\n  methods: {\r\n    submitUpload() {\r\n      this.$refs.upload.submit();\r\n      console.log(this.$refs.upload, '上传');\r\n    },\r\n    // 成功\r\n    fileSuccess(response, file, fileList) {\r\n      console.log(response, file, fileList, '成功');\r\n    },\r\n    // 失败\r\n    fileError(err, file, fileList){\r\n      console.log(err, file, fileList, '失败');\r\n    },\r\n    // 上传中\r\n    fileProgress(event, file, fileList){\r\n      console.log(event, file, fileList, '上传中');\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.warning {\r\n  margin-top: 10px;\r\n  width: 35%;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/7ec74dfc44c24ec7dde7cd383cabfbee.json b/node_modules/.cache/babel-loader/7ec74dfc44c24ec7dde7cd383cabfbee.json
new file mode 100644
index 00000000..9304a7fa
--- /dev/null
+++ b/node_modules/.cache/babel-loader/7ec74dfc44c24ec7dde7cd383cabfbee.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'lineUpChart',\n  //排队数组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  props: ['pageType', 'triggerType'],\n  data: function data() {\n    return {\n      title: '排队数组件',\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/809bc02183bce4c7d5ad233a6c1fec25.json b/node_modules/.cache/babel-loader/809bc02183bce4c7d5ad233a6c1fec25.json
index 256f58a2..07bcc096 100644
--- a/node_modules/.cache/babel-loader/809bc02183bce4c7d5ad233a6c1fec25.json
+++ b/node_modules/.cache/babel-loader/809bc02183bce4c7d5ad233a6c1fec25.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\api\\index.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\api\\index.js","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import axios from 'axios';\nimport qs from 'qs';\n\nif (process.env.NODE_ENV === 'development') {\n  axios.defaults.baseURL = '/';\n} else if (process.env.NODE_ENV === 'production') {\n  axios.defaults.baseURL = '/';\n} //获取视频数据接口\n\n\nexport var getGetShipjk = function getGetShipjk(params) {\n  return axios.get('aps/GetShipjk', {\n    params: params\n  });\n}; //获取全局设置\n\nexport var getQuanjszData = function getQuanjszData(params) {\n  return axios.get('aps/GetQuanjsz', {\n    params: params\n  });\n}; //\n\nexport var postAddShipjk = function postAddShipjk(data) {\n  // return axios.post('aps/AddShipjk', {\n  //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\n  //     F_VC_LEIX:data.F_VC_LEIX,\n  //     // data: formData,\n  // })\n  return axios.post('aps/AddShipjk', data);\n}; //分析-删除视频源接口\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\n\nexport var getDeleteShipjk = function getDeleteShipjk(params) {\n  return axios.get('aps/DeleteShipjk', {\n    params: params\n  });\n}; //视频分析预览",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/api/index.js"],"names":["axios","qs","process","env","NODE_ENV","defaults","baseURL","getGetShipjk","params","get","getQuanjszData","postAddShipjk","data","post","getDeleteShipjk"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,EAAP,MAAe,IAAf;;AACA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;AACxCJ,EAAAA,KAAK,CAACK,QAAN,CAAeC,OAAf,GAAyB,GAAzB;AACH,CAFD,MAEO,IAAIJ,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AAC9CJ,EAAAA,KAAK,CAACK,QAAN,CAAeC,OAAf,GAAyB,GAAzB;AACH,C,CACD;;;AACA,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,MAAD,EAAY;AACpC,SAAOR,KAAK,CAACS,GAAN,CAAU,eAAV,EAA2B;AAC9BD,IAAAA,MAAM,EAANA;AAD8B,GAA3B,CAAP;AAGH,CAJM,C,CAKP;;AACA,OAAO,IAAME,cAAc,GAAG,SAAjBA,cAAiB,CAACF,MAAD,EAAY;AACtC,SAAOR,KAAK,CAACS,GAAN,CAAU,gBAAV,EAA4B;AAC/BD,IAAAA,MAAM,EAANA;AAD+B,GAA5B,CAAP;AAGH,CAJM,C,CAMP;;AACA,OAAO,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAU;AACnC;AACA;AACA;AACA;AACA;AACA,SAAOZ,KAAK,CAACa,IAAN,CAAW,eAAX,EAA4BD,IAA5B,CAAP;AACH,CAPM,C,CAQP;AACA;;AACA,OAAO,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAACN,MAAD,EAAY;AACvC,SAAOR,KAAK,CAACS,GAAN,CAAU,kBAAV,EAA8B;AACjCD,IAAAA,MAAM,EAANA;AADiC,GAA9B,CAAP;AAGH,CAJM,C,CAKP","sourcesContent":["import axios from 'axios'\r\nimport qs from 'qs'\r\nif (process.env.NODE_ENV === 'development') {\r\n    axios.defaults.baseURL = '/'\r\n} else if (process.env.NODE_ENV === 'production') {\r\n    axios.defaults.baseURL = '/'\r\n}\r\n//获取视频数据接口\r\nexport const getGetShipjk = (params) => {\r\n    return axios.get('aps/GetShipjk', {\r\n        params\r\n    })\r\n};\r\n//获取全局设置\r\nexport const getQuanjszData = (params) => {\r\n    return axios.get('aps/GetQuanjsz', {\r\n        params\r\n    })\r\n};\r\n\r\n//\r\nexport const postAddShipjk = (data) => {\r\n    // return axios.post('aps/AddShipjk', {\r\n    //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\r\n    //     F_VC_LEIX:data.F_VC_LEIX,\r\n    //     // data: formData,\r\n    // })\r\n    return axios.post('aps/AddShipjk', data)\r\n};\r\n//分析-删除视频源接口\r\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\r\nexport const getDeleteShipjk = (params) => {\r\n    return axios.get('aps/DeleteShipjk', {\r\n        params\r\n    })\r\n};\r\n//视频分析预览\r\n\r\n\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\api\\index.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\api\\index.js","mtime":1673580353828},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import axios from 'axios';\nimport qs from 'qs';\n\nif (process.env.NODE_ENV === 'development') {\n  axios.defaults.baseURL = '/';\n} else if (process.env.NODE_ENV === 'production') {\n  axios.defaults.baseURL = '/';\n} //获取视频数据接口\n\n\nexport var getGetShipjk = function getGetShipjk(params) {\n  return axios.get('api/GetShipjk', {\n    params: params\n  });\n}; //获取全局设置\n\nexport var getQuanjszData = function getQuanjszData(params) {\n  return axios.get('api/GetQuanjsz', {\n    params: params\n  });\n}; //\n\nexport var postAddShipjk = function postAddShipjk(data) {\n  // return axios.post('api/AddShipjk', {\n  //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\n  //     F_VC_LEIX:data.F_VC_LEIX,\n  //     // data: formData,\n  // })\n  return axios.post('api/AddShipjk', data);\n}; //分析应用按钮\n\nexport var getApplication = function getApplication(params) {\n  return axios.get('api/SyncVideo', {\n    params: params\n  });\n}; //停止算法程序接口\n\nexport var getStopAlgorithm = function getStopAlgorithm(params) {\n  return axios.get('api/StopAlgorithm', {\n    params: params\n  });\n}; //分析-删除视频源接口\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\n\nexport var getDeleteShipjk = function getDeleteShipjk(params) {\n  return axios.get('api/DeleteShipjk', {\n    params: params\n  });\n}; //视频分析预览\n// 分析配置接口\n\nexport var getFeixpz = function getFeixpz(params) {\n  return axios.get('api/GetFeixpz', {\n    params: params\n  });\n}; // 设置相机位置接口\n\nexport var setCameraPosition = function setCameraPosition(data) {\n  return axios.post('api/SetCameraPosition', data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n}; // 设置车牌识别接口\n\nexport var setLicensePlate = function setLicensePlate(data) {\n  return axios.post('api/SetLicensePlate', data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n}; // 设置停车状态\n\nexport var setParkingStatus = function setParkingStatus(data) {\n  return axios.post('api/SetParkingStatus', data, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};\nexport var setFeixzbzh = function setFeixzbzh(params) {\n  return axios.post('api/SetFeixzbzh', params, {\n    headers: {\n      'Content-Type': 'application/json'\n    }\n  });\n}; //根据组件id获取单个组件信息\n\nexport var getComponentData = function getComponentData(params) {\n  return axios.get('api/GetMonqjkzjcsDetails', {\n    params: params\n  });\n}; //获取所有断面数据-用于组件OD类型数据\n\nexport var getSectionalData = function getSectionalData(params) {\n  return axios.get('api/GetSection', {\n    params: params\n  });\n}; //\n\nexport var setQuanjsz = function setQuanjsz(params) {\n  return axios.post('api/SetQuanjsz', params, {\n    headers: {\n      'Content-Type': 'application/x-www-form-urlencoded'\n    }\n  });\n};",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/api/index.js"],"names":["axios","qs","process","env","NODE_ENV","defaults","baseURL","getGetShipjk","params","get","getQuanjszData","postAddShipjk","data","post","getApplication","getStopAlgorithm","getDeleteShipjk","getFeixpz","setCameraPosition","headers","setLicensePlate","setParkingStatus","setFeixzbzh","getComponentData","getSectionalData","setQuanjsz"],"mappings":"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","sourcesContent":["import axios from 'axios'\r\nimport qs from 'qs'\r\nif (process.env.NODE_ENV === 'development') {\r\n    axios.defaults.baseURL = '/'\r\n} else if (process.env.NODE_ENV === 'production') {\r\n    axios.defaults.baseURL = '/'\r\n}\r\n//获取视频数据接口\r\nexport const getGetShipjk = (params) => {\r\n    return axios.get('api/GetShipjk', {\r\n        params\r\n    })\r\n};\r\n//获取全局设置\r\nexport const getQuanjszData = (params) => {\r\n    return axios.get('api/GetQuanjsz', {\r\n        params\r\n    })\r\n};\r\n\r\n//\r\nexport const postAddShipjk = (data) => {\r\n    // return axios.post('api/AddShipjk', {\r\n    //     F_VC_SHIPJKMC:data.F_VC_SHIPJKMC,\r\n    //     F_VC_LEIX:data.F_VC_LEIX,\r\n    //     // data: formData,\r\n    // })\r\n    return axios.post('api/AddShipjk', data)\r\n};\r\n//分析应用按钮\r\nexport const getApplication = (params) => {\r\n    return axios.get('api/SyncVideo', {\r\n        params\r\n    })\r\n};\r\n//停止算法程序接口\r\nexport const getStopAlgorithm = (params) => {\r\n    return axios.get('api/StopAlgorithm', {\r\n        params\r\n    })\r\n};\r\n//分析-删除视频源接口\r\n//172.16.1.26:5000/api/DeleteShipjk?F_VC_ID=9df02f1a113640c498e74a74c93aca77\r\nexport const getDeleteShipjk = (params) => {\r\n    return axios.get('api/DeleteShipjk', {\r\n        params\r\n    })\r\n};\r\n//视频分析预览\r\n// 分析配置接口\r\nexport const getFeixpz = (params) => {\r\n    return axios.get('api/GetFeixpz', {\r\n        params\r\n    })\r\n};\r\n// 设置相机位置接口\r\nexport const setCameraPosition = (data) => {\r\n    return axios.post('api/SetCameraPosition', \r\n        data,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n// 设置车牌识别接口\r\nexport const setLicensePlate = (data) => {\r\n    return axios.post('api/SetLicensePlate', \r\n        data,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n// 设置停车状态\r\nexport const setParkingStatus = (data) => {\r\n    return axios.post('api/SetParkingStatus', \r\n        data,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\nexport const setFeixzbzh = (params) => {\r\n    return axios.post('api/SetFeixzbzh', \r\n    params,{headers: { 'Content-Type': 'application/json' }})\r\n};\r\n\r\n\r\n//根据组件id获取单个组件信息\r\nexport const getComponentData = (params) => {\r\n    return axios.get('api/GetMonqjkzjcsDetails', {\r\n        params\r\n    })\r\n};\r\n//获取所有断面数据-用于组件OD类型数据\r\nexport const getSectionalData = (params) => {\r\n    return axios.get('api/GetSection', {\r\n        params\r\n    })\r\n};\r\n//\r\n\r\nexport const setQuanjsz = (params) => {\r\n    return axios.post('api/SetQuanjsz', \r\n    params,{headers: { 'Content-Type': 'application/x-www-form-urlencoded' }})\r\n};\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/819c4feb7152bde845b1a712078b3f06.json b/node_modules/.cache/babel-loader/819c4feb7152bde845b1a712078b3f06.json
new file mode 100644
index 00000000..2b1a9e22
--- /dev/null
+++ b/node_modules/.cache/babel-loader/819c4feb7152bde845b1a712078b3f06.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue","mtime":1673516017952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport pieChart from \"../chart/pieChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'typeChart',\n  //类型组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    regionTable: regionTable,\n    pieChart: pieChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,WAAA,EAAA,WALA;AAMA,IAAA,QAAA,EAAA;AANA,GAHA;AAWA,EAAA,IAXA,kBAWA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OADA,EAYA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OAZA,EAuBA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OAvBA,EAkCA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OAlCA,EA6CA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OA7CA,CADA;AA0DA;AACA,MAAA,YAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,OADA;AAEA,QAAA,IAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA,MAHA;AAIA,QAAA,MAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,KALA;AAMA,QAAA,SAAA,EAAA,GANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,gBAAA,EAAA;AARA,OADA,EAWA;AACA,QAAA,IAAA,EAAA,OADA;AAEA,QAAA,IAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA,MAHA;AAIA,QAAA,MAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,KALA;AAMA,QAAA,SAAA,EAAA,GANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,gBAAA,EAAA;AARA,OAXA,EAqBA;AACA,QAAA,IAAA,EAAA,OADA;AAEA,QAAA,IAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA,MAHA;AAIA,QAAA,MAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,KALA;AAMA,QAAA,SAAA,EAAA,GANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,gBAAA,EAAA;AARA,OArBA,CA3DA;AA2FA,MAAA,iBAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,KAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,MAJA;AAKA,QAAA,KAAA,EAAA,IALA;AAMA,QAAA,OAAA,EAAA;AANA,OADA,EASA;AACA,QAAA,IAAA,EAAA,OADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,KAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,MAJA;AAKA,QAAA,KAAA,EAAA,IALA;AAMA,QAAA,OAAA,EAAA;AANA,OATA,EAiBA;AACA,QAAA,IAAA,EAAA,OADA;AAEA,QAAA,IAAA,EAAA,KAFA;AAGA,QAAA,KAAA,EAAA,KAHA;AAIA,QAAA,IAAA,EAAA,MAJA;AAKA,QAAA,KAAA,EAAA,IALA;AAMA,QAAA,OAAA,EAAA;AANA,OAjBA;AA3FA,KAAA;AAsHA,GAlIA;AAmIA,EAAA,OAAA,EAAA,EAnIA;AAoIA,EAAA,OApIA,qBAoIA,CAAA;AApIA,CAAA","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 类型组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <pieChart :pageType=\"pageType\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/82ce2fb6103e04e80fe380264ac03fec.json b/node_modules/.cache/babel-loader/82ce2fb6103e04e80fe380264ac03fec.json
new file mode 100644
index 00000000..281f4a4d
--- /dev/null
+++ b/node_modules/.cache/babel-loader/82ce2fb6103e04e80fe380264ac03fec.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFLow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'pieChart',\n  //饼图图组件\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    }\n  },\n  data: function data() {\n    return {};\n  },\n  methods: {\n    drawPie: function drawPie() {\n      var _ref;\n\n      var myChart = this.$echarts.init(this.$refs.pieChart);\n      var color = ['#0CD2E6', '#3751E6', '#FFC722'];\n      var legend = ['货车', '汽车', '卡车'];\n      var seriesData = [{\n        \"name\": \"货车\",\n        \"value\": 30\n      }, {\n        \"name\": \"汽车\",\n        \"value\": 10\n      }, {\n        \"name\": \"卡车\",\n        \"value\": 15\n      }];\n      var option = {\n        color: color,\n        legend: {\n          top: 20,\n          right: 'center',\n          textStyle: {},\n          data: legend\n        },\n        series: [(_ref = {\n          name: '需求类型占比',\n          type: 'pie',\n          center: ['50%', '55%'],\n          radius: '80%',\n          label: {\n            normal: {\n              show: false\n            }\n          },\n          labelLine: {\n            show: false,\n            length: 0,\n            length2: 0\n          }\n        }, _defineProperty(_ref, \"label\", {\n          normal: {\n            show: true,\n            position: 'inside',\n            formatter: '{value|{c}}',\n            rich: {\n              value: {\n                fontSize: 20,\n                color: '#ffffff'\n              }\n            }\n          }\n        }), _defineProperty(_ref, \"data\", seriesData), _ref)]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawPie();\n  }\n};",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA,eAAA;AACA,EAAA,IAAA,EAAA,UADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA;AADA,GAFA;AAUA,EAAA,IAVA,kBAUA;AAEA,WAAA,EAAA;AAEA,GAdA;AAeA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;;AACA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,KAAA,GAAA,CACA,SADA,EAEA,SAFA,EAGA,SAHA,CAAA;AAMA,UAAA,MAAA,GAAA,CACA,IADA,EAEA,IAFA,EAGA,IAHA,CAAA;AAMA,UAAA,UAAA,GAAA,CACA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OADA,EAEA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OAFA,EAGA;AAAA,gBAAA,IAAA;AAAA,iBAAA;AAAA,OAHA,CAAA;AAMA,UAAA,MAAA,GAAA;AAEA,QAAA,KAAA,EAAA,KAFA;AAGA,QAAA,MAAA,EAAA;AACA,UAAA,GAAA,EAAA,EADA;AAEA,UAAA,KAAA,EAAA,QAFA;AAGA,UAAA,SAAA,EAAA,EAHA;AAMA,UAAA,IAAA,EAAA;AANA,SAHA;AAWA,QAAA,MAAA,EAAA;AACA,UAAA,IAAA,EAAA,QADA;AAEA,UAAA,IAAA,EAAA,KAFA;AAGA,UAAA,MAAA,EAAA,CAAA,KAAA,EAAA,KAAA,CAHA;AAIA,UAAA,MAAA,EAAA,KAJA;AAKA,UAAA,KAAA,EAAA;AACA,YAAA,MAAA,EAAA;AACA,cAAA,IAAA,EAAA;AADA;AADA,WALA;AAUA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA,KADA;AAEA,YAAA,MAAA,EAAA,CAFA;AAGA,YAAA,OAAA,EAAA;AAHA;AAVA,0CAeA;AACA,UAAA,MAAA,EAAA;AACA,YAAA,IAAA,EAAA,IADA;AAEA,YAAA,QAAA,EAAA,QAFA;AAGA,YAAA,SAAA,EAAA,aAHA;AAIA,YAAA,IAAA,EAAA;AACA,cAAA,KAAA,EAAA;AACA,gBAAA,QAAA,EAAA,EADA;AAEA,gBAAA,KAAA,EAAA;AAFA;AADA;AAJA;AADA,SAfA,iCA4BA,UA5BA;AAXA,OAAA;AA2CA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA,EA/DA,CAkEA;AACA;AACA;;AACA,MAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAKA;AA3EA,GAfA;AA4FA,EAAA,OA5FA,qBA4FA;AACA,SAAA,OAAA;AACA;AA9FA,CAAA","sourcesContent":["<template>\r\n\r\n    <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'pieChart',//饼图图组件\r\n    props: {\r\n        list:{\r\n            type:Array,\r\n            default(){\r\n                return[]\r\n            }\r\n        }\r\n    }, \r\n    data() {\r\n\r\n        return {\r\n        }\r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.init(this.$refs.pieChart)\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n\r\n            var legend = [\r\n                '货车',\r\n                '汽车',\r\n                '卡车',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"货车\", \"value\": 30 },\r\n                { \"name\": \"汽车\", \"value\": 10 },\r\n                { \"name\": \"卡车\", \"value\": 15 },\r\n            ]\r\n\r\n            let option = {\r\n\r\n                color: color,\r\n                legend: {\r\n                    top: 20,\r\n                    right: 'center',\r\n                    textStyle: {\r\n\r\n                    },\r\n                    data: legend,\r\n                },\r\n                series: [{\r\n                    name: '需求类型占比',\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '80%',\r\n                    label: {\r\n                        normal: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    labelLine: {\r\n                        show: false,\r\n                        length: 0,\r\n                        length2: 0,\r\n                    },\r\n                    label: {\r\n                        normal: {\r\n                            show: true,\r\n                            position: 'inside',\r\n                            formatter: '{value|{c}}',\r\n                            rich: {\r\n                                value: {\r\n                                    fontSize: 20,\r\n                                    color: '#ffffff',\r\n                                },\r\n                            },\r\n                        }\r\n                    },\r\n                    data: seriesData,\r\n                }],\r\n            };\r\n\r\n            myChart.setOption(option)\r\n\r\n\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawPie()\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/841b2ff6d79f4c6b0e596e17a64f937c.json b/node_modules/.cache/babel-loader/841b2ff6d79f4c6b0e596e17a64f937c.json
new file mode 100644
index 00000000..4d6ac162
--- /dev/null
+++ b/node_modules/.cache/babel-loader/841b2ff6d79f4c6b0e596e17a64f937c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673345291555},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFLow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\n\nvar _methods;\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from 'mqtt'; // mqtt协议\n\nexport default {\n  data: function data() {\n    return {\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系',\n        value: '0',\n        num: 1\n      },\n      options: [{\n        value: '0',\n        label: '南'\n      }, {\n        value: '1',\n        label: '北'\n      }],\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: false\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接',\n        renewalFrequency: ''\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {//    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n  },\n  methods: (_methods = {\n    handleChange: function handleChange(value) {\n      console.log(value);\n    },\n    load: function load() {\n      var _this = this;\n\n      console.log('1111');\n      var iframe = document.getElementById('mapModuleTop');\n      console.log('iframe', iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log('222');\n      this.getDataByMqtt();\n    }\n  }, _defineProperty(_methods, \"handleChange\", function handleChange() {}), _defineProperty(_methods, \"handleagain\", function handleagain() {\n    var _this2 = this;\n\n    this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this2.$message({\n        type: 'info',\n        message: '已取消'\n      });\n    });\n  }), _defineProperty(_methods, \"handleReset\", function handleReset() {\n    var _this3 = this;\n\n    this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this3.$message({\n        type: 'info',\n        message: '已取消重置'\n      });\n    });\n  }), _defineProperty(_methods, \"handleRemove\", function handleRemove(file, fileList) {\n    console.log(file, fileList);\n  }), _defineProperty(_methods, \"handlePreview\", function handlePreview(file) {\n    console.log(file);\n  }), _defineProperty(_methods, \"handleExceed\", function handleExceed(files, fileList) {\n    this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n  }), _defineProperty(_methods, \"beforeRemove\", function beforeRemove(file, fileList) {\n    return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n  }), _defineProperty(_methods, \"getReverseShellList\", function getReverseShellList() {\n    //   getShellList().then(res => {\n    //     if (res.code === 200) {\n    //       if (res.data && res.data.length > 0) {\n    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n    //         res.data.forEach(item => {\n    //           item['isEdit'] = false\n    //         })\n    //       }\n    //   this.tableData = res.data\n    // 在表格列表前插入一行，用来新增数据\n    this.tableData.unshift({\n      name: '',\n      inIp: '',\n      inPort: null,\n      outPort: null,\n      enabled: null,\n      isEdit: true\n    }); //     }\n    //   })\n  }), _defineProperty(_methods, \"handleAdd\", function handleAdd(row) {\n    for (var key in row) {\n      // 判断一行字段是否输入完整\n      if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n        this.msgError('Please complete the information');\n        return;\n      }\n    }\n\n    var params = {\n      name: row.name,\n      inIp: row.inIp // inPort: parseInt(row.inPort),\n      // outPort: parseInt(row.outPort),\n      // enabled: row.enabled\n\n    };\n    this.getReverseShellList(); //   addShell(params).then(res => {\n    //     if (res.code === 200) {\n    //       this.msgSuccess('Add reverse shell successfully')\n    //       row.isEdit = false\n    //       this.getReverseShellList()\n    //     }\n    //   })\n  }), _defineProperty(_methods, \"handleUpdate\", function handleUpdate(row) {\n    // 点击Apply时\n    if (row.isEdit) {\n      for (var key in row) {\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp,\n        inPort: parseInt(row.inPort),\n        outPort: parseInt(row.outPort),\n        enabled: row.enabled\n      }; // updateShell(params).then(res => {\n      //   if (res.code === 200) {\n      //     this.msgSuccess('Update reverse shell successfully')\n      //     this.getReverseShellList()\n      //   }\n      // })\n    } else {\n      // 点击编辑时\n      row.isEdit = true;\n    }\n  }), _defineProperty(_methods, \"handleDelete\", function handleDelete(row) {\n    // 点击取消时\n    if (row.isEdit) {\n      this.getReverseShellList();\n    } else {\n      // 点击删除时\n      this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n        confirmButtonText: 'Sure',\n        cancelButtonText: 'Cancel',\n        type: 'warning'\n      }).then(function () {//   deleteShell(row.name).then(res => {\n        //     if (res.code === 200) {\n        //       this.msgSuccess('Delete reverse shell successfully')\n        //       this.getReverseShellList()\n        //     }\n        //   })\n      }).catch(function () {});\n    }\n  }), _defineProperty(_methods, \"getDataByMqtt\", function getDataByMqtt(url, topic, cIdNum) {\n    var _this4 = this;\n\n    //     var that = this\n    // that.$refs.iframe.contentWindow.getDestination(1)\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\n    var clientId = 'test_id_' + String(new Date().getTime()); // 用户名\n    //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n    var host = 'ws://172.16.1.168:10087/';\n    var options = {\n      // 配置\n      // 测试：订阅本机IP\n      // host: host,\n      // port: port,\n      // host:\"172.16.1.168:10086\",\n      keepalive: 60,\n      // 心跳时间，默认60s，设置为0禁用\n      username: 'admin',\n      // 用户名（可选）\n      password: '123456',\n      // 密码（可选）\n      clientId: clientId,\n      // 客户端ID，默认随机生成\n      protocolId: 'MQTT',\n      protocolVersion: 4,\n      clean: true,\n      // false在离线时接收QoS1和2的消息\n      reconnectPeriod: 2000,\n      // 重连间隔，默认1000毫秒\n      connectTimeout: 30 * 1000,\n      // 收到CONNACK之前的等待时间\n      will: {\n        // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n        topic: 'img1',\n        // 要发布的主题\n        payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！',\n        // 要发布的消息\n        qos: 0,\n        // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n        retain: false // 保留标志\n\n      }\n    };\n\n    if (this.mqttClient == undefined) {\n      this.mqttClient = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host)  // 连接\n      // 错误回调\n      // console.log(\"this.mqttClient\", this.mqttClient)\n\n      this.mqttClient.on('error', function (err) {\n        console.log('[MQTT-TEST] 连接错误：', err);\n\n        _this4.mqttClient.end();\n      }); // 重连回调\n\n      this.mqttClient.on('reconnect', function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n      }); // 连接回调\n\n      this.mqttClient.on('connect', function (connect) {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n        // 订阅\n        _this4.mqttClient.subscribe('img0', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img1', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img2', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img3', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img4', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('img5', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream0', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream1', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream2', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream3', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream4', {\n          qos: 0\n        });\n\n        _this4.mqttClient.subscribe('stream5', {\n          qos: 0\n        });\n      }); // 接收回调\n\n      this.mqttClient.on('message', function (topic, message, packet) {\n        if (topic.indexOf('img0') != -1) {\n          // try {\n          var utf8decoder = new TextDecoder();\n          var u8arr = new Uint8Array(message);\n          var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n          var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n          //   debugger\n          //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n          //   console.log(\"msg.pic\", msg.pic)\n          //   debugger\n          // var that = this\n          //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n          // window.parent.getDestination(JSON.stringify(msg));\n          //    debugger\n          // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n          //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n          //   console.log(\"imageUrl\", imageUrl)\n          // }\n          // catch {\n          //   let imageType = 'arraybuffer';\n          //   const blob = new Blob([message], { type: imageType })\n          //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n          // //   console.log(\"imageUrl\", imageUrl)\n          // }\n        } else if (topic.indexOf('img1') != -1) {\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg); //msg为转换后的JSON数据\n\n            _this4.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused) {\n            var imageType = 'arraybuffer';\n            var blob = new Blob([message], {\n              type: imageType\n            });\n\n            var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n            console.log('imageUrl', _imageUrl);\n          }\n        } else if (topic.indexOf('img2') != -1) {\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message);\n\n            var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n            var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg2); //msg为转换后的JSON数据\n\n            _this4.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused2) {\n            var _imageType = 'arraybuffer';\n\n            var _blob = new Blob([message], {\n              type: _imageType\n            });\n\n            var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n            console.log('imageUrl', _imageUrl2);\n          }\n        } else if (topic.indexOf('img3') != -1) {\n          try {\n            var _utf8decoder3 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message);\n\n            var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n            var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg3); //msg为转换后的JSON数据\n\n            _this4.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused3) {\n            var _imageType2 = 'arraybuffer';\n\n            var _blob2 = new Blob([message], {\n              type: _imageType2\n            });\n\n            var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n            console.log('imageUrl', _imageUrl3);\n          }\n        } else if (topic.indexOf('img4') != -1) {\n          try {\n            var _utf8decoder4 = new TextDecoder();\n\n            var _u8arr4 = new Uint8Array(message);\n\n            var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n            var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg4); //msg为转换后的JSON数据\n\n            _this4.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused4) {\n            var _imageType3 = 'arraybuffer';\n\n            var _blob3 = new Blob([message], {\n              type: _imageType3\n            });\n\n            var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n            console.log('imageUrl', _imageUrl4);\n          }\n        } else if (topic.indexOf('img5') != -1) {\n          try {\n            var _utf8decoder5 = new TextDecoder();\n\n            var _u8arr5 = new Uint8Array(message);\n\n            var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n            var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg5); //msg为转换后的JSON数据\n\n            _this4.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused5) {\n            var _imageType4 = 'arraybuffer';\n\n            var _blob4 = new Blob([message], {\n              type: _imageType4\n            });\n\n            var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n            console.log('imageUrl', _imageUrl5);\n          }\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream1') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream2') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream3') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream4') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream5') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        }\n      });\n    }\n  }), _methods)\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"UTM区：\" v-if=\"coordinateForm.coordinateClose == true\" class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"10\"></el-input-number>\r\n                                <div class=\"warning\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"item in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '0',\r\n              label: '南'\r\n            }, {\r\n              value: '1',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/86279046f5a932054dc5ad9f158801d7.json b/node_modules/.cache/babel-loader/86279046f5a932054dc5ad9f158801d7.json
new file mode 100644
index 00000000..db851af0
--- /dev/null
+++ b/node_modules/.cache/babel-loader/86279046f5a932054dc5ad9f158801d7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      leftMenus: [{\n        title: '分析',\n        path: 'AnalysisMain',\n        icon: 'el-icon-user-solid' // icon : require('@/assets/img/fenxi.png'),\n\n      }, {\n        title: '控制中心',\n        path: 'ControlCenter',\n        // icon : 'el-icon-s-goods',\n        children: [{\n          title: '通用',\n          path: 'test1-2',\n          // icon : 'el-icon-s-goods',\n          children: [{\n            title: '关于本机',\n            path: 'AboutMachine' // icon : 'bars',\n\n          }, {\n            title: '网络',\n            path: 'network' // icon : 'tool',\n\n          }, {\n            title: 'VPN',\n            path: 'VPN' // icon : 'tool',\n\n          }, {\n            title: '自定义操作',\n            path: 'CustomOperations' // icon : 'tool',\n\n          }, {\n            title: '健康检测',\n            path: 'HealthCheck' // icon : 'tool',\n\n          }]\n        }, {\n          title: '运行状态',\n          path: 'StateOperation' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: '接口',\n          path: 'interface' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: 'IP设置',\n          path: 'IPSetting' // icon : 'el-icon-user-solid',\n\n        }]\n      }, {\n        title: '系统设置',\n        path: 'SystemSettings',\n        icon: require('@/assets/img/xtsz.png'),\n        children: [{\n          title: '全局设置',\n          path: 'globalSettings' // icon : 'bars',\n\n        }, {\n          title: '关于本机——导出设置',\n          path: 'ExportingSettings' // icon : 'tool',\n\n        }, {\n          title: '关于本机——导入设置',\n          path: 'ImportSettings' // icon : 'tool',\n\n        }, {\n          title: '接口与服务器证书',\n          path: 'InterfaceServerCertificates' // icon : 'tool',\n\n        }, {\n          title: 'UDP服务设置',\n          path: 'UDPServiceSettings' // icon : 'tool',\n\n        }]\n      }, {\n        title: '用户管理',\n        path: 'UserManagement',\n        // icon : 'el-icon-s-goods',\n        children: [{\n          title: '我的账号',\n          path: 'myId' // icon : 'bars',\n\n        }, {\n          title: '账号管理',\n          path: 'IdManagement' // icon : 'tool',\n\n        }]\n      }, {\n        title: '通知/日志',\n        path: 'logs' // icon : 'el-icon-s-goods',\n\n      }]\n    };\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,OAAA,QAAA,MAAA,gCAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA;AADA,GADA;AAIA,EAAA,IAJA,kBAIA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,IADA;AAEA,QAAA,IAAA,EAAA,cAFA;AAGA,QAAA,IAAA,EAAA,oBAHA,CAIA;;AAJA,OADA,EAOA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,eAFA;AAGA;AACA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,SAFA;AAGA;AACA,UAAA,QAAA,EAAA,CACA;AACA,YAAA,KAAA,EAAA,MADA;AAEA,YAAA,IAAA,EAAA,cAFA,CAGA;;AAHA,WADA,EAMA;AACA,YAAA,KAAA,EAAA,IADA;AAEA,YAAA,IAAA,EAAA,SAFA,CAGA;;AAHA,WANA,EAWA;AACA,YAAA,KAAA,EAAA,KADA;AAEA,YAAA,IAAA,EAAA,KAFA,CAGA;;AAHA,WAXA,EAgBA;AACA,YAAA,KAAA,EAAA,OADA;AAEA,YAAA,IAAA,EAAA,kBAFA,CAGA;;AAHA,WAhBA,EAqBA;AACA,YAAA,KAAA,EAAA,MADA;AAEA,YAAA,IAAA,EAAA,aAFA,CAGA;;AAHA,WArBA;AAJA,SADA,EAgCA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,gBAFA,CAGA;;AAHA,SAhCA,EAoCA;AACA,UAAA,KAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,WAFA,CAGA;;AAHA,SApCA,EAwCA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,WAFA,CAGA;;AAHA,SAxCA;AAJA,OAPA,EA0DA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,gBAFA;AAGA,QAAA,IAAA,EAAA,OAAA,CAAA,uBAAA,CAHA;AAKA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,gBAFA,CAGA;;AAHA,SADA,EAMA;AACA,UAAA,KAAA,EAAA,YADA;AAEA,UAAA,IAAA,EAAA,mBAFA,CAGA;;AAHA,SANA,EAWA;AACA,UAAA,KAAA,EAAA,YADA;AAEA,UAAA,IAAA,EAAA,gBAFA,CAGA;;AAHA,SAXA,EAgBA;AACA,UAAA,KAAA,EAAA,UADA;AAEA,UAAA,IAAA,EAAA,6BAFA,CAGA;;AAHA,SAhBA,EAqBA;AACA,UAAA,KAAA,EAAA,SADA;AAEA,UAAA,IAAA,EAAA,oBAFA,CAGA;;AAHA,SArBA;AALA,OA1DA,EA0FA;AACA,QAAA,KAAA,EAAA,MADA;AAEA,QAAA,IAAA,EAAA,gBAFA;AAGA;AACA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,MAFA,CAGA;;AAHA,SADA,EAMA;AACA,UAAA,KAAA,EAAA,MADA;AAEA,UAAA,IAAA,EAAA,cAFA,CAGA;;AAHA,SANA;AAJA,OA1FA,EA2GA;AACA,QAAA,KAAA,EAAA,OADA;AAEA,QAAA,IAAA,EAAA,MAFA,CAGA;;AAHA,OA3GA;AADA,KAAA;AAoHA;AAzHA,CAAA","sourcesContent":["<template>\r\n  <div>\r\n    \r\n    <!-- 一级菜单下面所拥有的二级菜单 -->\r\n    <!-- <el-aside style=\"width:12%\" class=\"aside\">\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside>  -->\r\n    <!-- 以及二级菜单所对应的页面 -->\r\n    <el-main>\r\n      <router-view></router-view>\r\n    </el-main>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n        leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-user-solid',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                            // icon : 'el-icon-s-goods',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : require('@/assets/img/xtsz.png'),\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    // icon : 'el-icon-s-goods',\r\n                },\r\n                \r\n            ],\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n.aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"],"sourceRoot":"src/page/test1"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/88fcea019544d4a1d901e3441d304a41.json b/node_modules/.cache/babel-loader/88fcea019544d4a1d901e3441d304a41.json
new file mode 100644
index 00000000..2800d265
--- /dev/null
+++ b/node_modules/.cache/babel-loader/88fcea019544d4a1d901e3441d304a41.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      form: {\n        name: '',\n        password: '',\n        FTP: ''\n      }\n    };\n  },\n  methods: {\n    Submit: function Submit() {\n      this.form;\n    }\n  }\n};",{"version":3,"sources":["IPSetting.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,QAAA,EAAA,EAFA;AAGA,QAAA,GAAA,EAAA;AAHA;AADA,KAAA;AAOA,GATA;AAUA,EAAA,OAAA,EAAA;AACA,IAAA,MADA,oBACA;AACA,WAAA,IAAA;AACA;AAHA;AAVA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">FTP设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"110px\" style=\"width:50%\">\r\n        <el-form-item label=\"账号：\">\r\n          <el-input placeholder=\"请输入账号名\" v-model=\"form.ComponentPropsname\" clearable></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"密码：\">\r\n          <el-input placeholder=\"请输入密码\" v-model=\"form.password\" show-password></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"FTP：\">\r\n          <el-input placeholder=\"请输入账号名\" v-model=\"form.FTP\" clearable></el-input>\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button type=\"primary\" @cilck=\"Submit\">修改</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: '',\r\n        password: '',\r\n        FTP: '',\r\n      }\r\n    }\r\n  },\r\n  methods:{\r\n    Submit() {\r\n      this.form;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/8ac23a81d90b71fdae195e54590509ef.json b/node_modules/.cache/babel-loader/8ac23a81d90b71fdae195e54590509ef.json
new file mode 100644
index 00000000..55430b9c
--- /dev/null
+++ b/node_modules/.cache/babel-loader/8ac23a81d90b71fdae195e54590509ef.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue","mtime":1673517268854},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'delayChart',\n  //延迟组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 延误组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/8c279dfcd3764858949271d50d0b7618.json b/node_modules/.cache/babel-loader/8c279dfcd3764858949271d50d0b7618.json
new file mode 100644
index 00000000..ef4f5fdf
--- /dev/null
+++ b/node_modules/.cache/babel-loader/8c279dfcd3764858949271d50d0b7618.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport { testApi } from '@/api/test';\nvar defaultListQuery = {\n  pageNum: 1,\n  pageSize: 10,\n  keyword: \"\"\n};\nexport default {\n  data: function data() {\n    return {\n      listQuery: Object.assign({}, defaultListQuery),\n      list: [],\n      total: 0,\n      listLoading: true,\n      selectedList: []\n    };\n  },\n  created: function created() {\n    this.getList();\n  },\n  methods: {\n    // handleResetSearch() {   // 重置搜索和列表\n    //   this.listQuery = Object.assign({}, defaultListQuery);  // 清空输入框内容\n    //   this.getList();  // 刷新列表并初始化\n    // },\n    // handleSearchList() {  // 查询搜索\n    //   this.listQuery.pageNum = 1;\n    //   this.getList();\n    // },\n    handleSizeChange: function handleSizeChange(val) {\n      // 改变列表显示条数\n      this.listQuery.pageNum = 1;\n      this.listQuery.pageSize = val;\n      this.getList();\n    },\n    handleCurrentChange: function handleCurrentChange(val) {\n      // 改变列表显示页数\n      this.listQuery.pageNum = val;\n      this.getList();\n    },\n    getList: function getList() {\n      var _this = this;\n\n      // 获取数据列表\n      this.listLoading = true;\n      testApi(this.listQuery).then(function (res) {\n        _this.listLoading = false;\n        _this.list = res.data.list;\n        _this.total = res.data.total;\n      }).catch(function (err) {\n        _this.listLoading = false;\n      });\n    },\n    handleSelectionChange: function handleSelectionChange(val) {\n      // 批量选择行数\n      this.selectedList = val;\n    }\n  }\n};",{"version":3,"sources":["test1-1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,SAAA,OAAA,QAAA,YAAA;AAEA,IAAA,gBAAA,GAAA;AACA,EAAA,OAAA,EAAA,CADA;AAEA,EAAA,QAAA,EAAA,EAFA;AAGA,EAAA,OAAA,EAAA;AAHA,CAAA;AAMA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,gBAAA,CADA;AAEA,MAAA,IAAA,EAAA,EAFA;AAGA,MAAA,KAAA,EAAA,CAHA;AAIA,MAAA,WAAA,EAAA,IAJA;AAKA,MAAA,YAAA,EAAA;AALA,KAAA;AAOA,GATA;AAUA,EAAA,OAVA,qBAUA;AACA,SAAA,OAAA;AACA,GAZA;AAaA,EAAA,OAAA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,gBATA,4BASA,GATA,EASA;AAAA;AACA,WAAA,SAAA,CAAA,OAAA,GAAA,CAAA;AACA,WAAA,SAAA,CAAA,QAAA,GAAA,GAAA;AACA,WAAA,OAAA;AACA,KAbA;AAcA,IAAA,mBAdA,+BAcA,GAdA,EAcA;AAAA;AACA,WAAA,SAAA,CAAA,OAAA,GAAA,GAAA;AACA,WAAA,OAAA;AACA,KAjBA;AAmBA,IAAA,OAnBA,qBAmBA;AAAA;;AAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,MAAA,OAAA,CAAA,KAAA,SAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,WAAA,GAAA,KAAA;AACA,QAAA,KAAA,CAAA,IAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA;AACA,QAAA,KAAA,CAAA,KAAA,GAAA,GAAA,CAAA,IAAA,CAAA,KAAA;AACA,OAJA,EAIA,KAJA,CAIA,UAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,WAAA,GAAA,KAAA;AACA,OANA;AAOA,KA5BA;AA6BA,IAAA,qBA7BA,iCA6BA,GA7BA,EA6BA;AAAA;AACA,WAAA,YAAA,GAAA,GAAA;AACA;AA/BA;AAbA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主题页面 1 - 1</p>\r\n\r\n    <div class=\"table-container\">\r\n      <el-table ref=\"Table1\"\r\n                :data=\"list\"\r\n                style=\"width: 100%;\"\r\n                @selection-change=\"handleSelectionChange\"\r\n                border>\r\n        <el-table-column type=\"selection\" align=\"center\"></el-table-column>\r\n        <el-table-column type=\"index\" label=\"序号\" align=\"center\" width=\"50\"></el-table-column>\r\n        <el-table-column label=\"姓名\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.userName}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"性别\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.sex}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"年龄\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.age}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"民族\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.nation}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"学历\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.education}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" width=\"120\" align=\"center\" fixed=\"right\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button type=\"text\" \r\n                       @click=\"handleUpdate(scope.$index, scope.row)\">编辑</el-button>\r\n            <el-button type=\"text\"\r\n                       @click=\"handleDelete(scope.$index, scope.row)\">删除</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n\r\n    <div class=\"pagination-area\">\r\n      <el-pagination\r\n        background\r\n        @size-change=\"handleSizeChange\"\r\n        @current-change=\"handleCurrentChange\"\r\n        layout=\"total, sizes, prev, pager, next, jumper\"\r\n        :current-page.sync=\"listQuery.pageNum\"\r\n        :page-size=\"listQuery.pageSize\"\r\n        :page-sizes=\"[10,20,50]\"\r\n        :total=\"total\">\r\n      </el-pagination>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport { testApi } from '@/api/test';\r\n\r\nconst defaultListQuery = {\r\n  pageNum: 1,\r\n  pageSize: 10,\r\n  keyword: \"\"\r\n};\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      listQuery: Object.assign({}, defaultListQuery),\r\n      list: [],\r\n      total: 0,\r\n      listLoading: true,\r\n      selectedList: [],\r\n    }\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods:{\r\n    // handleResetSearch() {   // 重置搜索和列表\r\n    //   this.listQuery = Object.assign({}, defaultListQuery);  // 清空输入框内容\r\n    //   this.getList();  // 刷新列表并初始化\r\n    // },\r\n    // handleSearchList() {  // 查询搜索\r\n    //   this.listQuery.pageNum = 1;\r\n    //   this.getList();\r\n    // },\r\n    handleSizeChange(val) {  // 改变列表显示条数\r\n      this.listQuery.pageNum = 1;\r\n      this.listQuery.pageSize = val;\r\n      this.getList();\r\n    },\r\n    handleCurrentChange(val) {  // 改变列表显示页数\r\n      this.listQuery.pageNum = val;\r\n      this.getList();\r\n    },\r\n\r\n    getList() {    // 获取数据列表\r\n      this.listLoading = true;\r\n      testApi(this.listQuery).then(res => {\r\n        this.listLoading = false;\r\n        this.list = res.data.list;\r\n        this.total = res.data.total;\r\n      }).catch(err => {\r\n        this.listLoading = false;\r\n      });\r\n    },\r\n    handleSelectionChange(val){    // 批量选择行数\r\n      this.selectedList = val;\r\n    },\r\n  }\r\n}\r\n</script>"],"sourceRoot":"src/page/test1"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/8ca6ae615981d01f5b14de3456d087a2.json b/node_modules/.cache/babel-loader/8ca6ae615981d01f5b14de3456d087a2.json
new file mode 100644
index 00000000..2ebb5e97
--- /dev/null
+++ b/node_modules/.cache/babel-loader/8ca6ae615981d01f5b14de3456d087a2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\nimport bus from '@/utils/bus';\nexport default {\n  data: function data() {\n    return {\n      style: false\n    };\n  },\n  created: function created() {\n    var _this = this;\n\n    bus.$on('global_theme', function (msg) {\n      // 接收子组件传来 global_theme 的值\n      _this.style = msg;\n    });\n  }\n};",{"version":3,"sources":["App.vue"],"names":[],"mappings":";;;;;;AAOA,OAAA,GAAA,MAAA,aAAA;AAEA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GALA;AAMA,EAAA,OANA,qBAMA;AAAA;;AACA,IAAA,GAAA,CAAA,GAAA,CAAA,cAAA,EAAA,UAAA,GAAA,EAAA;AAAA;AACA,MAAA,KAAA,CAAA,KAAA,GAAA,GAAA;AACA,KAFA;AAGA;AAVA,CAAA","sourcesContent":["<template>\r\n  <div id=\"app\" :class=\"style ? 'theme1' : ''\">\r\n    <router-view></router-view>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport bus from '@/utils/bus';\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      style: false\r\n    }\r\n  },\r\n  created(){\r\n    bus.$on('global_theme', (msg) => {    // 接收子组件传来 global_theme 的值\r\n      this.style = msg;\r\n    });\r\n  }\r\n}\r\n</script>\r\n<style>\r\n\r\n</style>"],"sourceRoot":"src"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/8f3b2d1fc0cb99785c97dd83906a5464.json b/node_modules/.cache/babel-loader/8f3b2d1fc0cb99785c97dd83906a5464.json
index 864f3e91..6fc5dad9 100644
--- a/node_modules/.cache/babel-loader/8f3b2d1fc0cb99785c97dd83906a5464.json
+++ b/node_modules/.cache/babel-loader/8f3b2d1fc0cb99785c97dd83906a5464.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673234157305},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\nexport default {\n  name: 'lineChart',\n  //折线图组件\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    } // list1: {\n    //     type: Array,\n    //     default() {\n    //         return []\n    //     }\n    // }\n\n  },\n  data: function data() {\n    return {// xData: [],\n      // yData: [],\n      // triggerType:'触发时刻'\n    };\n  },\n  methods: {\n    drawLine: function drawLine() {\n      var myChart = this.$echarts.init(this.$refs.lineChart);\n      var option = {\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        tooltip: {\n          show: true // trigger: 'axis',\n\n        },\n        xAxis: [{\n          type: 'category',\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            show: false\n          },\n          boundaryGap: ['5%', '5%'],\n          data: this.list.map(function (value) {\n            return value.time;\n          })\n        }],\n        yAxis: [{\n          type: 'value',\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisLine: {\n            show: false\n          }\n        }],\n        series: [{\n          name: '速度',\n          type: 'line',\n          stack: '总量',\n          symbolSize: 6,\n          itemStyle: {\n            color: '#fb864b',\n            borderColor: '#fb864b',\n            borderWidth: 2\n          },\n          data: this.list.map(function (value) {\n            return value.speed;\n          })\n        }]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawLine(); // console.log(this.list1);\n  }\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;;AAOA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA,CAOA;AACA;AACA;AACA;AACA;AACA;;AAZA,GAFA;AAgBA,EAAA,IAhBA,kBAgBA;AACA,WAAA,CAGA;AACA;AACA;AALA,KAAA;AAOA,GAxBA;AAyBA,EAAA,OAAA,EAAA;AAEA,IAAA,QAFA,sBAEA;AACA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,SAAA,CAAA;AAEA,UAAA,MAAA,GAAA;AACA,QAAA,IAAA,EAAA;AACA,UAAA,IAAA,EAAA,IADA;AAEA,UAAA,KAAA,EAAA,IAFA;AAGA,UAAA,MAAA,EAAA,KAHA;AAIA,UAAA,GAAA,EAAA,KAJA;AAKA,UAAA,YAAA,EAAA;AALA,SADA;AAQA,QAAA,OAAA,EAAA;AACA,UAAA,IAAA,EAAA,IADA,CAEA;;AAFA,SARA;AAYA,QAAA,KAAA,EAAA,CACA;AACA,UAAA,IAAA,EAAA,UADA;AAEA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA,IADA;AAEA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,SADA;AAEA,cAAA,IAAA,EAAA;AAFA;AAFA,WAFA;AASA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WATA;AAYA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA;AADA,WAZA;AAeA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WAfA;AAkBA,UAAA,WAAA,EAAA,CAAA,IAAA,EAAA,IAAA,CAlBA;AAmBA,UAAA,IAAA,EAAA,KAAA,IAAA,CAAA,GAAA,CAAA,UAAA,KAAA,EAAA;AACA,mBAAA,KAAA,CAAA,IAAA;AACA,WAFA;AAnBA,SADA,CAZA;AAqCA,QAAA,KAAA,EAAA,CAEA;AACA,UAAA,IAAA,EAAA,OADA;AAEA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA;AADA,WAFA;AAMA,UAAA,SAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,SADA;AAEA,cAAA,IAAA,EAAA;AAFA;AADA,WANA;AAYA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA;AAZA,SAFA,CArCA;AAwDA,QAAA,MAAA,EAAA,CACA;AACA,UAAA,IAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,MAFA;AAGA,UAAA,KAAA,EAAA,IAHA;AAIA,UAAA,UAAA,EAAA,CAJA;AAMA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA,SADA;AAEA,YAAA,WAAA,EAAA,SAFA;AAGA,YAAA,WAAA,EAAA;AAHA,WANA;AAWA,UAAA,IAAA,EAAA,KAAA,IAAA,CAAA,GAAA,CAAA,UAAA,KAAA,EAAA;AACA,mBAAA,KAAA,CAAA,KAAA;AACA,WAFA;AAXA,SADA;AAxDA,OAAA;AA0EA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA,EA7EA,CA8EA;AACA;AACA;;AACA,MAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAIA;AAvFA,GAzBA;AAkHA,EAAA,OAlHA,qBAkHA;AACA,SAAA,QAAA,GADA,CAEA;AACA;AArHA,CAAA","sourcesContent":["<template>\r\n\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n\r\n\r\n            // xData: [],\r\n            // yData: [],\r\n            // triggerType:'触发时刻'\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart)\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true,\r\n                },\r\n                tooltip: {\r\n                    show: true,\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type:'dashed'\r\n                            },\r\n                        },\r\n                        axisTick: {\r\n                            show: false,\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c',\r\n                        },\r\n                        splitLine: {\r\n                            show: false,\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n                        data: this.list.map((value) => {\r\n                            return value.time\r\n                        }),\r\n                    },\r\n                ],\r\n                yAxis: [\r\n\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c',\r\n            \r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed',\r\n                            },\r\n                        },\r\n                        axisLine: {\r\n                            show: false,\r\n                        }\r\n                    },\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '速度',\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        \r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2,\r\n                        },\r\n                        data: this.list.map((value) => {\r\n                            return value.speed\r\n                        }),\r\n                    },\r\n                ],\r\n            };\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawLine()\r\n        // console.log(this.list1);\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n  name: 'lineChart',\n  //折线图组件\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    pageType: {\n      type: String\n    },\n    title: {\n      type: String\n    },\n    status: {\n      type: String\n    } // list1: {\n    //     type: Array,\n    //     default() {\n    //         return []\n    //     }\n    // }\n\n  },\n  data: function data() {\n    return {\n      xData: [],\n      yData: [] // triggerType:'触发时刻'\n\n    };\n  },\n  created: function created() {\n    this.xData = this.yData = this.list.map(function (val) {\n      return val.timestamp;\n    });\n    this.yData = this.yData = this.list.map(function (val) {\n      return val.speed;\n    }); // 断面组件触发的y轴展示\n\n    if (this.pageType == '断面' && this.status == '触发') {\n      if (this.title == '速度组件') {\n        this.yData = this.list.map(function (val) {\n          return val.speed;\n        });\n      } else if (this.title == '流量组件') {\n        return val.speed;\n      } else if (this.title == '车头时距组件') {\n        this.yData = this.list.map(function (val) {\n          return val.headWay;\n        });\n      } else if (this.title == '类型组件') {\n        return val.speed;\n      }\n    } // 断面组件周期统计的y轴展示\n\n\n    if (this.pageType == '断面' && this.status == '周期统计') {\n      if (this.title == '速度组件') {\n        this.yData = this.list.map(function (val) {\n          return val.speed;\n        });\n      } else if (this.title == '流量组件') {\n        this.yData = this.list.map(function (val) {\n          return val.flow;\n        });\n      } else if (this.title == '车头时距组件') {\n        this.yData = this.list.map(function (val) {\n          return val.headWay;\n        });\n      } else if (this.title == '类型组件') {\n        return val.speed;\n      }\n    } // 区域组件触发y轴展示\n\n\n    if (this.pageType == '区域') {\n      if (this.title == '类型组件') {} else if (this.title == '速度组件') {\n        this.yData = this.list.map(function (val) {\n          return val.speed;\n        });\n      } else if (this.title == '流量组件') {\n        this.yData = this.list.map(function (val) {\n          return val.flow;\n        });\n      } else if (this.title == '车头时距组件') {\n        this.yData = this.list.map(function (val) {\n          return val.ave_speed;\n        });\n      } else if (this.title == '排队数组件') {} else if (this.title == '监测数组件') {} else if (this.title == '延误组件') {} else if (this.title == '拥堵组件') {}\n    } // if (this.pageType == '区域' && this.status == '周期时刻') {\n    //     if (this.title == '类型组件') {\n    //     } else if (this.title == '速度组件') {\n    //     } else if (this.title == '流量组件') {\n    //     } else if (this.title == '车头时距组件') {\n    //     } else if (this.title == '排队数组件') {\n    //     } else if (this.title == '监测数组件') {\n    //     } else if (this.title == '延误组件') {\n    //     } else if (this.title == '拥堵组件') {\n    //     }\n    // }\n    // if (this.pageType == '区域' && this.status == '周期统计') {\n    //     if (this.title == '类型组件') {\n    //     } else if (this.title == '速度组件') {\n    //     } else if (this.title == '流量组件') {\n    //     } else if (this.title == '车头时距组件') {\n    //     } else if (this.title == '排队数组件') {\n    //     } else if (this.title == '监测数组件') {\n    //     } else if (this.title == '延误组件') {\n    //     } else if (this.title == '拥堵组件') {\n    //     } else if (this.title == '拥堵组件') {\n    //     }\n    // }\n\n  },\n  methods: {\n    drawLine: function drawLine() {\n      var myChart = this.$echarts.init(this.$refs.lineChart);\n      var option = {\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        tooltip: {\n          show: true // trigger: 'axis',\n\n        },\n        xAxis: [{\n          type: 'category',\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            show: false\n          },\n          boundaryGap: ['5%', '5%'],\n          data: this.xData\n        }],\n        yAxis: [{\n          type: 'value',\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisLine: {\n            show: false\n          }\n        }],\n        series: [{\n          name: this.title,\n          type: 'line',\n          stack: '总量',\n          symbolSize: 6,\n          smooth: true,\n          itemStyle: {\n            color: '#fb864b',\n            borderColor: '#fb864b',\n            borderWidth: 2\n          },\n          data: this.yData\n        }]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawLine();\n    console.log(this.pageType, this.title, this.status); // console.log(this.list1);\n  }\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        this.xData = this.yData = this.list.map((val) => {\r\n            return val.timestamp;\r\n        });\r\n        this.yData = this.yData = this.list.map((val) => {\r\n            return val.speed;\r\n        });\r\n        // 断面组件触发的y轴展示\r\n        if (this.pageType == '断面' && this.status == '触发') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                return val.speed;\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n        // 断面组件周期统计的y轴展示\r\n        if (this.pageType == '断面' && this.status == '周期统计') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n\r\n        // 区域组件触发y轴展示\r\n        if (this.pageType == '区域') {\r\n            if (this.title == '类型组件') {\r\n            } else if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '排队数组件') {\r\n            } else if (this.title == '监测数组件') {\r\n            } else if (this.title == '延误组件') {\r\n            } else if (this.title == '拥堵组件') {\r\n            }\r\n        }\r\n        // if (this.pageType == '区域' && this.status == '周期时刻') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n        // if (this.pageType == '区域' && this.status == '周期统计') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title, this.status);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/8f88851fdeb17d549a400313f13e5420.json b/node_modules/.cache/babel-loader/8f88851fdeb17d549a400313f13e5420.json
new file mode 100644
index 00000000..a0d45fa4
--- /dev/null
+++ b/node_modules/.cache/babel-loader/8f88851fdeb17d549a400313f13e5420.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n  name: 'barChart',\n  //饼图组件\n  props: {\n    list: Array,\n    default: function _default() {\n      return [];\n    }\n  },\n  data: function data() {\n    return {};\n  },\n  methods: {\n    drawBar: function drawBar() {\n      var myChart = this.$echarts.init(this.$refs.barChart);\n      var chartData = [{\n        stage: '值',\n        number: 40\n      }];\n      var option = {\n        color: ['#0EECE4'],\n        tooltip: {\n          // trigger: 'axis',\n          confine: true // axisPointer: { // 坐标轴指示器，坐标轴触发有效\n          //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\n          //   lineStyle: {\n          //     color: 'transparent',\n          //   },\n          // },\n\n        },\n        grid: {\n          left: '0%',\n          right: '0%',\n          bottom: '10%',\n          top: '15%',\n          z: 22\n        },\n        xAxis: [{\n          type: 'category',\n          gridIndex: 0,\n          data: chartData.map(function (item) {\n            return item.stage;\n          }),\n          axisLine: {\n            show: false\n          },\n          axisLabel: {\n            show: false\n          }\n        }],\n        yAxis: {\n          type: 'value',\n          splitArea: {\n            show: false\n          },\n          gridIndex: 0,\n          min: 0,\n          splitNumber: 12,\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            show: false\n          },\n          max: 200\n        },\n        series: [{\n          name: '平均值',\n          type: 'bar',\n          stack: 'val',\n          barWidth: 150,\n          xAxisIndex: 0,\n          yAxisIndex: 0,\n          label: {\n            show: true,\n            position: 'right',\n            // align: 'right',\n            distance: 15,\n            color: '#000',\n            fontSize: 17,\n            formatter: '{c}' + '[avg]'\n          },\n          itemStyle: {\n            color: '#DF8414'\n          },\n          data: [40],\n          zlevel: 11\n        }, {\n          name: '中间值',\n          type: 'bar',\n          barWidth: 150,\n          // xAxisIndex: 0,\n          // yAxisIndex: 0,\n          stack: 'val',\n          label: {\n            show: true,\n            position: 'left',\n            distance: 15,\n            color: '#000',\n            // align: 'left',\n            fontSize: 17,\n            formatter: '{c}' + '[med]',\n            rich: {}\n          },\n          itemStyle: {\n            color: '#0E76AF'\n          },\n          data: [60],\n          zlevel: 11\n        }, {\n          name: '最小值',\n          type: 'bar',\n          barWidth: 150,\n          barGap: '-100%',\n          data: [0],\n          label: {\n            show: true,\n            position: 'bottom',\n            distance: 10,\n            color: '#000',\n            fontSize: 17,\n            formatter: '{c}' + '[min]'\n          },\n          tooltip: {\n            backgroundColor: 'transparent',\n            formatter: ' '\n          },\n          itemStyle: {\n            color: '#ABA7A7'\n          },\n          zlevel: 9\n        }, {\n          name: '最大值',\n          type: 'bar',\n          barWidth: 150,\n          barGap: '-100%',\n          data: [200],\n          label: {\n            show: true,\n            position: 'top',\n            distance: 15,\n            color: '#000',\n            fontSize: 17,\n            formatter: '{c}' + '[max]'\n          },\n          tooltip: {\n            backgroundColor: 'transparent',\n            formatter: ' '\n          },\n          itemStyle: {\n            color: '#ABA7A7'\n          },\n          zlevel: 9\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawBar();\n  }\n};",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props: {\r\n        list: Array,\r\n        default() {\r\n            return [];\r\n        }\r\n    },\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            let myChart = this.$echarts.init(this.$refs.barChart);\r\n            let chartData = [{ stage: '值', number: 40 }];\r\n            let option = {\r\n                color: ['#0EECE4'],\r\n                tooltip: {\r\n                    // trigger: 'axis',\r\n                    confine: true\r\n                    // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n                    //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n                    //   lineStyle: {\r\n                    //     color: 'transparent',\r\n                    //   },\r\n                    // },\r\n                },\r\n                grid: {\r\n                    left: '0%',\r\n                    right: '0%',\r\n                    bottom: '10%',\r\n                    top: '15%',\r\n                    z: 22\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        gridIndex: 0,\r\n                        data: chartData.map((item) => item.stage),\r\n                        axisLine: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                yAxis: {\r\n                    type: 'value',\r\n                    splitArea: { show: false },\r\n                    gridIndex: 0,\r\n                    min: 0,\r\n                    splitNumber: 12,\r\n                    splitLine: {\r\n                        show: false\r\n                    },\r\n                    axisLine: {\r\n                        show: false\r\n                    },\r\n                    axisTick: {\r\n                        show: false\r\n                    },\r\n                    axisLabel: {\r\n                        show: false\r\n                    },\r\n                    max: 200\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '平均值',\r\n                        type: 'bar',\r\n                        stack: 'val',\r\n                        barWidth: 150,\r\n                        xAxisIndex: 0,\r\n                        yAxisIndex: 0,\r\n                        label: {\r\n                            show: true,\r\n                            position: 'right',\r\n                            // align: 'right',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[avg]'\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#DF8414'\r\n                        },\r\n                        data: [40],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '中间值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        // xAxisIndex: 0,\r\n                        // yAxisIndex: 0,\r\n                        stack: 'val',\r\n                        label: {\r\n                            show: true,\r\n                            position: 'left',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            // align: 'left',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[med]',\r\n                            rich: {}\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#0E76AF'\r\n                        },\r\n                        data: [60],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '最小值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [0],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'bottom',\r\n                            distance: 10,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[min]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    },\r\n                    {\r\n                        name: '最大值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [200],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'top',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[max]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    }\r\n                ]\r\n            };\r\n\r\n            myChart.setOption(option);\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawBar();\r\n    }\r\n};\r\n</script>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/91b670334fa3c1b782db1c8b1c5ee8f7.json b/node_modules/.cache/babel-loader/91b670334fa3c1b782db1c8b1c5ee8f7.json
new file mode 100644
index 00000000..13ba2a7d
--- /dev/null
+++ b/node_modules/.cache/babel-loader/91b670334fa3c1b782db1c8b1c5ee8f7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {};\n  }\n};",{"version":3,"sources":["test3-2.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA,EAAA;AAGA;AALA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主题页面 3 - 2</p>\r\n    <div class=\"test-div\">\r\n      <el-alert\r\n        title=\"成功提示的文案\"\r\n        type=\"success\"\r\n        :closable=\"false\"\r\n        center\r\n        show-icon>\r\n      </el-alert>\r\n      <el-alert\r\n        title=\"消息提示的文案\"\r\n        type=\"info\"\r\n        show-icon>\r\n      </el-alert>\r\n      <el-alert\r\n        title=\"警告提示的文案\"\r\n        type=\"warning\"\r\n        close-text=\"好的\">\r\n      </el-alert>\r\n      <el-alert\r\n        title=\"错误提示的文案\"\r\n        type=\"error\"\r\n        description=\"文字说明文字说明文字说明文字说明文字说明文字说明\"\r\n        show-icon>\r\n      </el-alert>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>"],"sourceRoot":"src/page/test3"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/926cf4a08f211b74cd3dc9e7e13b8308.json b/node_modules/.cache/babel-loader/926cf4a08f211b74cd3dc9e7e13b8308.json
index aa6734ef..9e647c8a 100644
--- a/node_modules/.cache/babel-loader/926cf4a08f211b74cd3dc9e7e13b8308.json
+++ b/node_modules/.cache/babel-loader/926cf4a08f211b74cd3dc9e7e13b8308.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'NavMenu',\n  //使用递归组件必须要有\n  props: ['navMenus'],\n  // 传入子组件的数据\n  data: function data() {\n    return {};\n  },\n  computed: {\n    toIndex: function toIndex() {\n      // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\n      return this.$route.path.split('/')[2];\n    }\n  },\n  methods: {\n    handleSelect: function handleSelect(key, keyPath) {\n      console.log('1212');\n      console.log(key, keyPath);\n    }\n  }\n};",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,eAAA;AACA,EAAA,IAAA,EAAA,SADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,CAFA;AAEA;AACA,EAAA,IAHA,kBAGA;AACA,WAAA,EAAA;AACA,GALA;AAMA,EAAA,QAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;AACA,aAAA,KAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA;AACA;AAHA,GANA;AAWA,EAAA,OAAA,EAAA;AACA,IAAA,YADA,wBACA,GADA,EACA,OADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,MAAA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,OAAA;AACA;AAJA;AAXA,CAAA","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        \r\n         <el-menu\r\n          router\r\n          :default-active=\"$route.path\"\r\n          class=\"el-menu-vertical-demo\"\r\n          text-color=\"#fff\"\r\n          active-text-color=\"#ffd04b\">\r\n           <label v-for=\"navMenu in navMenus\">\r\n            <!--只有一级菜单-->\r\n            <el-menu-item v-if=\"!navMenu.children\"\r\n                          :index=\"navMenu.path\"\r\n                          :route=\"navMenu.path\"\r\n            >\r\n                <!--图标-->\r\n                <i :class=\"navMenu.icon\"></i>\r\n                <!--标题-->\r\n                <span slot=\"title\">{{navMenu.title}}</span>\r\n            </el-menu-item>\r\n            <!--有多级菜单-->\r\n            <el-submenu v-if=\"navMenu.children\"\r\n                        :key=\"navMenu.path\"\r\n                        :index=\"navMenu.path\"\r\n            >\r\n                <template slot=\"title\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span> {{navMenu.title}}</span>\r\n                </template>\r\n                <!--递归组件，把遍历的值传回子组件，完成递归调用-->\r\n                <nav-menu :navMenus=\"navMenu.children\"></nav-menu>\r\n            </el-submenu>\r\n        </label>\r\n       </el-menu>\r\n       \r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'NavMenu', //使用递归组件必须要有\r\n        props: ['navMenus'], // 传入子组件的数据\r\n        data() {\r\n            return {}\r\n        },\r\n        computed: {\r\n    toIndex(){  // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n      return this.$route.path.split('/')[2];\r\n    }\r\n  },\r\n        methods: {\r\n            handleSelect(key,keyPath){\r\n                console.log('1212')\r\n                console.log(key,keyPath)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n}\r\n.sidebar {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 70px;\r\n  bottom: 0;\r\n  overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n  width: 0;\r\n}\r\n.sidebar-el-menu {\r\n  width: 250px;\r\n}\r\n.sidebar > ul {\r\n  height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item{\r\n  font-size: 14px !important;\r\n  padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n  color: white !important;\r\n  background: #3989fa !important;\r\n}\r\n.el-menu-item, .el-submenu__title {\r\n  height: 50px !important;\r\n  line-height: 50px !important;\r\n}\r\n.navMenu{\r\n    background: url('../../assets/img/leftBg.png'); \r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu{\r\n    background: url('../../assets/img/leftBg.png');\r\n   background-size: 100%;\r\n   /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important; \r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"],"sourceRoot":"src/components/sidemenu"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\nimport MenuTree from \"./sideBarCommon\";\nexport default {\n  name: 'NavMenu',\n  //使用递归组件必须要有\n  components: {\n    MenuTree: MenuTree\n  },\n  props: ['navMenus'],\n  // 传入子组件的数据\n  data: function data() {\n    return {\n      defaultActive: this.$route.path\n    };\n  },\n  computed: {\n    toIndex: function toIndex() {\n      // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\n      return this.$route.path.split('/')[2];\n    }\n  },\n  mounted: function mounted() {\n    console.log(this.$route.path, ',,,path');\n\n    if (this.$route.path == '/test1/index') {\n      this.defaultActive = '/test1/AnalysisMain';\n    }\n  },\n  methods: {\n    handleSelect: function handleSelect(key, keyPath) {\n      console.log('1212');\n      console.log(key, keyPath);\n    }\n  }\n};",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;AAUA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,SADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA;AADA,GAFA;AAKA,EAAA,KAAA,EAAA,CAAA,UAAA,CALA;AAKA;AACA,EAAA,IANA,kBAMA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KAAA,MAAA,CAAA;AADA,KAAA;AAGA,GAVA;AAWA,EAAA,QAAA,EAAA;AACA,IAAA,OADA,qBACA;AACA;AACA,aAAA,KAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA;AACA;AAJA,GAXA;AAiBA,EAAA,OAjBA,qBAiBA;AACA,IAAA,OAAA,CAAA,GAAA,CAAA,KAAA,MAAA,CAAA,IAAA,EAAA,SAAA;;AACA,QAAA,KAAA,MAAA,CAAA,IAAA,IAAA,cAAA,EAAA;AACA,WAAA,aAAA,GAAA,qBAAA;AACA;AACA,GAtBA;AAuBA,EAAA,OAAA,EAAA;AACA,IAAA,YADA,wBACA,GADA,EACA,OADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,MAAA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,OAAA;AACA;AAJA;AAvBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        <el-menu router  :default-active=\"defaultActive\" class=\"el-menu-vertical-demo\" text-color=\"#fff\" active-text-color=\"#ffd04b\">\r\n            <menu-tree :menuNavList=\"navMenus\"></menu-tree>\r\n        </el-menu>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport MenuTree from './sideBarCommon';\r\nexport default {\r\n    name: 'NavMenu', //使用递归组件必须要有\r\n    components: {\r\n       MenuTree\r\n    },\r\n    props: ['navMenus'], // 传入子组件的数据\r\n    data() {\r\n        return {\r\n          defaultActive:this.$route.path\r\n        };\r\n    },\r\n    computed: {\r\n        toIndex() {\r\n            // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n            return this.$route.path.split('/')[2];\r\n        }\r\n    },\r\n    mounted(){\r\n      console.log(this.$route.path,',,,path');\r\n      if(this.$route.path=='/test1/index'){\r\n        this.defaultActive='/test1/AnalysisMain'\r\n      }\r\n    },\r\n    methods: {\r\n        handleSelect(key, keyPath) {\r\n            console.log('1212');\r\n            console.log(key, keyPath);\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-menu{\r\n  background: transparent;\r\n  border: none;\r\n}\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n    float: left;\r\n    margin-left: 60px;\r\n    margin-top: 17.5px;\r\n    height: 29px;\r\n    width: 160px;\r\n    vertical-align: middle;\r\n}\r\n.sidebar {\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 70px;\r\n    bottom: 0;\r\n    overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n    width: 0;\r\n}\r\n.sidebar-el-menu {\r\n    width: 250px;\r\n}\r\n.sidebar > ul {\r\n    height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item {\r\n    font-size: 14px !important;\r\n    // padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n.navMenu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    background-size: 100%;\r\n    /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important;\r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa !important;\r\n}\r\n</style>"],"sourceRoot":"src/components/sidemenu"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/943bc819096583d5ce312ed5cfac0abf.json b/node_modules/.cache/babel-loader/943bc819096583d5ce312ed5cfac0abf.json
new file mode 100644
index 00000000..59f1368b
--- /dev/null
+++ b/node_modules/.cache/babel-loader/943bc819096583d5ce312ed5cfac0abf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\utils\\mqttConfig.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\utils\\mqttConfig.js","mtime":1673580353832},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import _objectWithoutProperties from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport \"core-js/modules/es6.number.constructor\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _classCallCheck from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport mqtt from \"mqtt\";\nimport Vue from 'vue';\nvar vm = new Vue();\n\nvar mqttHandle = /*#__PURE__*/function () {\n  function mqttHandle(subscribe) {\n    _classCallCheck(this, mqttHandle);\n\n    this.connect = {\n      host: vm.mqttHost,\n      port: vm.mqttPort,\n      endpoint: \"/mqtt\",\n      clean: true,\n      // 保留会话\n      cleanSession: true,\n      connectTimeout: 7000,\n      // 超时时间\n      reconnectPeriod: 7000,\n      // 重连时间间隔\n      // 认证信息\n      clientId: Number(new Date()).toString(),\n      username: \"admin\",\n      password: \"123456\"\n    };\n    this.subscription = {\n      topic: subscribe,\n      //需要传入数组的包含订阅的名称\n      qos: 2\n    };\n    this.mqttClient = null;\n  }\n  /**\r\n   * 创建链接\r\n   * @returns client\r\n   */\n\n\n  _createClass(mqttHandle, [{\n    key: \"createConnect\",\n    value: function createConnect() {\n      var _this = this;\n\n      //配置链接\n      var _this$connect = this.connect,\n          host = _this$connect.host,\n          port = _this$connect.port,\n          endpoint = _this$connect.endpoint,\n          options = _objectWithoutProperties(_this$connect, [\"host\", \"port\", \"endpoint\"]); // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\n\n\n      var connectUrl = 'ws://172.16.1.168:10087/';\n\n      try {\n        this._client = mqtt.connect(connectUrl, options);\n      } catch (error) {\n        console.log(\"mqtt.connect error\", error);\n      }\n\n      this._client.on(\"connect\", function () {\n        console.log(\"Connection succeeded!\"); // this._client.subscribe('img'+this.number, { qos: 0 });\n        // this._client.subscribe('stream'+this.number, { qos: 0 });\n        // this._client.subscribe('trajectory'+this.number, { qos: 0 });\n        // this._client.subscribe('detection'+this.number, { qos: 0 });\n        // this._client.subscribe('img0', { qos: 0 });\n        // this._client.subscribe('stream0', { qos: 0 });\n        // this._client.subscribe('trajectory0', { qos: 0 });\n        // this._client.subscribe('detection0', { qos: 0 });\n      });\n\n      this._client.on('reconnect', function (error) {\n        console.log('正在重连', error);\n      });\n\n      this._client.on(\"error\", function (error) {\n        console.log(\"Connection failed\", error);\n      }); //配置topic\n\n\n      var _this$subscription = this.subscription,\n          topic = _this$subscription.topic,\n          qos = _this$subscription.qos;\n      console.log(topic, qos, 'topic, qos');\n\n      this._client.subscribe(topic, {\n        qos: qos\n      }, function (error, res) {\n        if (error) {\n          console.log(\"Subscribe to topics error\", error);\n          return;\n        }\n\n        _this.subscribeSuccess = true;\n        console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\n      });\n\n      this.mqttClient = this._client;\n      return this.mqttClient;\n    }\n  }]);\n\n  return mqttHandle;\n}();\n\nexport default mqttHandle;",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/utils/mqttConfig.js"],"names":["mqtt","Vue","vm","mqttHandle","subscribe","connect","host","mqttHost","port","mqttPort","endpoint","clean","cleanSession","connectTimeout","reconnectPeriod","clientId","Number","Date","toString","username","password","subscription","topic","qos","mqttClient","options","connectUrl","_client","error","console","log","on","res","subscribeSuccess"],"mappings":"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","sourcesContent":["import mqtt from \"mqtt\";\r\nimport Vue from 'vue'\r\nvar vm = new Vue();\r\nclass mqttHandle {\r\n    constructor(subscribe) {\r\n        this.connect = {\r\n            host: vm.mqttHost,\r\n            port: vm.mqttPort,\r\n            endpoint: \"/mqtt\",\r\n            clean: true, // 保留会话\r\n            cleanSession: true,\r\n            connectTimeout: 7000, // 超时时间\r\n            reconnectPeriod: 7000, // 重连时间间隔\r\n            // 认证信息\r\n            clientId: Number(new Date()).toString(),\r\n            username: \"admin\",\r\n            password: \"123456\",\r\n        }\r\n        this.subscription = {\r\n            topic: subscribe,  //需要传入数组的包含订阅的名称\r\n            qos: 2,\r\n        }\r\n        this.mqttClient = null;\r\n    }\r\n    /**\r\n     * 创建链接\r\n     * @returns client\r\n     */\r\n    createConnect() {\r\n        //配置链接\r\n        const { host, port, endpoint, ...options } = this.connect;\r\n        // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\r\n        const connectUrl = 'ws://172.16.1.168:10087/';\r\n        try {\r\n            this._client = mqtt.connect(connectUrl, options);\r\n \r\n        } catch (error) {\r\n            console.log(\"mqtt.connect error\", error);\r\n        }\r\n        this._client.on(\"connect\", () => {\r\n            console.log(\"Connection succeeded!\");\r\n            // this._client.subscribe('img'+this.number, { qos: 0 });\r\n            // this._client.subscribe('stream'+this.number, { qos: 0 });\r\n            // this._client.subscribe('trajectory'+this.number, { qos: 0 });\r\n            // this._client.subscribe('detection'+this.number, { qos: 0 });\r\n            // this._client.subscribe('img0', { qos: 0 });\r\n            // this._client.subscribe('stream0', { qos: 0 });\r\n            // this._client.subscribe('trajectory0', { qos: 0 });\r\n            // this._client.subscribe('detection0', { qos: 0 });\r\n        });\r\n        this._client.on('reconnect', (error) => {\r\n            console.log('正在重连', error)\r\n        })\r\n        this._client.on(\"error\", (error) => {\r\n            console.log(\"Connection failed\", error);\r\n        });\r\n \r\n        //配置topic\r\n        const { topic, qos } = this.subscription;\r\n        console.log(topic, qos,'topic, qos');\r\n        this._client.subscribe(topic, { qos: qos }, (error, res) => {\r\n            if (error) {\r\n                console.log(\"Subscribe to topics error\", error);\r\n                return;\r\n            }\r\n            this.subscribeSuccess = true;\r\n            console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\r\n        });\r\n        this.mqttClient = this._client;\r\n        return this.mqttClient;\r\n    }\r\n}\r\nexport default mqttHandle;"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/94f4601759f80bb2870fb2a6407d3809.json b/node_modules/.cache/babel-loader/94f4601759f80bb2870fb2a6407d3809.json
new file mode 100644
index 00000000..8441011a
--- /dev/null
+++ b/node_modules/.cache/babel-loader/94f4601759f80bb2870fb2a6407d3809.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      fileList: []\n    };\n  },\n  methods: {\n    handleagain: function handleagain() {\n      var _this = this;\n\n      this.$confirm('此操作将重新启动systemd网络服务, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消'\n        });\n      });\n    }\n  }\n};",{"version":3,"sources":["CustomOperations.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,QAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,MAAA,EAAA,EAFA;AAGA,QAAA,KAAA,EAAA,EAHA;AAIA,QAAA,KAAA,EAAA,EAJA;AAKA,QAAA,QAAA,EAAA,KALA;AAMA,QAAA,IAAA,EAAA,EANA;AAOA,QAAA,QAAA,EAAA,EAPA;AAQA,QAAA,IAAA,EAAA;AARA,OADA;AAWA,MAAA,QAAA,EAAA;AAXA,KAAA;AAaA,GAfA;AAgBA,EAAA,OAAA,EAAA;AACA,IAAA,WADA,yBACA;AAAA;;AACA,WAAA,QAAA,CAAA,4BAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA,OAVA,EAWA,KAXA,CAWA,YAAA;AACA,QAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAhBA;AAiBA;AAnBA;AAhBA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n      <div class=\"container\">\r\n          <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"220px\">\r\n              <p>自定义操作</p>\r\n              <el-form-item label=\"重新启动网络服务\">\r\n              </el-form-item>\r\n              <el-form-item label=\"重新启动systemd网络服务：\">\r\n                  <el-col :span=\"1\">\r\n                      <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\" @click=\"handleagain\">启动</el-button>\r\n                  </el-col>\r\n              </el-form-item>\r\n          </el-form>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n      return {\r\n          sizeForm: {\r\n              name: '',\r\n              region: '',\r\n              date1: '',\r\n              date2: '',\r\n              delivery: false,\r\n              type: [],\r\n              resource: '',\r\n              desc: ''\r\n          },\r\n          fileList: []\r\n      };\r\n  },\r\n  methods: {\r\n      handleagain() {\r\n          this.$confirm('此操作将重新启动systemd网络服务, 是否继续?', '提示', {\r\n              confirmButtonText: '确定',\r\n              cancelButtonText: '取消',\r\n              type: 'warning'\r\n          })\r\n              .then(() => {\r\n                  // this.$message({\r\n                  //   type: 'success',\r\n                  //   message: '删除成功!'\r\n                  // });\r\n              })\r\n              .catch(() => {\r\n                  this.$message({\r\n                      type: 'info',\r\n                      message: '已取消'\r\n                  });\r\n              });\r\n      },\r\n    \r\n      \r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n.container {\r\n  width: 100%;\r\n  height: 100%;\r\n  p {\r\n      width: 95%;\r\n      font-size: 25px;\r\n      text-align: left;\r\n      border-bottom: 1px solid black;\r\n      margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views/general"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/954cf20bc2f17c013c39a4757e6652a6.json b/node_modules/.cache/babel-loader/954cf20bc2f17c013c39a4757e6652a6.json
new file mode 100644
index 00000000..fc68a3a5
--- /dev/null
+++ b/node_modules/.cache/babel-loader/954cf20bc2f17c013c39a4757e6652a6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport delayChart from \"../../components/target/delayChart.vue\";\nimport speedChart from \"../../components/target/speedChart.vue\";\nimport flowChart from \"../../components/target/flowChart.vue\";\nimport headWayChart from \"../../components/target/headWayChart.vue\";\nimport checkChart from \"../../components/target/checkChart.vue\";\nimport lineUpChart from \"../../components/target/lineUpChart.vue\";\nimport congestionChart from \"../../components/target/congestionChart.vue\";\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport OD from \"../../components/target/OD.vue\";\nexport default {\n  components: {\n    delayChart: delayChart,\n    speedChart: speedChart,\n    flowChart: flowChart,\n    headWayChart: headWayChart,\n    checkChart: checkChart,\n    lineUpChart: lineUpChart,\n    congestionChart: congestionChart,\n    typeChart: typeChart,\n    OD: OD\n  },\n  props: {\n    activeName: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      title1: '01断面',\n      title2: '01区域',\n      dialogVisible: false,\n      // sectionShow: false,\n      // regionShow: false,\n      count1: false,\n      count2: false\n    };\n  },\n  created: function created() {},\n  methods: {\n    // 区域点击事件\n    regionHandle: function regionHandle() {\n      this.count1 = !this.count1;\n\n      if (this.count1 == false) {\n        this.$refs.region.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count1 == true) {\n        this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    },\n    // 断面点击事件\n    sectionHandle: function sectionHandle() {\n      this.count2 = !this.count2;\n\n      if (this.count2 == false) {\n        this.$refs.section.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count2 == true) {\n        this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,OAAA,UAAA;AACA,OAAA,UAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,UAAA;AACA,OAAA,WAAA;AACA,OAAA,eAAA;AACA,OAAA,SAAA;AACA,OAAA,EAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,UAAA,EAAA,UADA;AAEA,IAAA,UAAA,EAAA,UAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,UAAA,EAAA,UALA;AAMA,IAAA,WAAA,EAAA,WANA;AAOA,IAAA,eAAA,EAAA,eAPA;AAQA,IAAA,SAAA,EAAA,SARA;AASA,IAAA,EAAA,EAAA;AATA,GADA;AAYA,EAAA,KAAA,EAAA;AACA,IAAA,UAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AADA,GAZA;AAiBA,EAAA,IAjBA,kBAiBA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,MADA;AAEA,MAAA,MAAA,EAAA,MAFA;AAGA,MAAA,aAAA,EAAA,KAHA;AAKA;AACA;AAEA,MAAA,MAAA,EAAA,KARA;AASA,MAAA,MAAA,EAAA;AATA,KAAA;AAWA,GA7BA;AA8BA,EAAA,OA9BA,qBA8BA,CAAA,CA9BA;AA+BA,EAAA,OAAA,EAAA;AACA;AACA,IAAA,YAFA,0BAEA;AACA,WAAA,MAAA,GAAA,CAAA,KAAA,MAAA;;AAEA,UAAA,KAAA,MAAA,IAAA,KAAA,EAAA;AACA,aAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,OAAA;AACA,OAHA,MAGA,IAAA,KAAA,MAAA,IAAA,IAAA,EAAA;AACA,aAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,KAAA,CAAA,aAAA,CAAA,YAAA,GAAA,EAAA,GAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,MAAA;AACA;AACA,KAZA;AAaA;AACA,IAAA,aAdA,2BAcA;AACA,WAAA,MAAA,GAAA,CAAA,KAAA,MAAA;;AACA,UAAA,KAAA,MAAA,IAAA,KAAA,EAAA;AACA,aAAA,KAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,OAAA;AACA,OAHA,MAGA,IAAA,KAAA,MAAA,IAAA,IAAA,EAAA;AACA,aAAA,KAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,KAAA,CAAA,cAAA,CAAA,YAAA,GAAA,EAAA,GAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,MAAA;AACA;AACA;AAvBA,GA/BA;AAwDA,EAAA,OAxDA,qBAwDA,CAAA;AAxDA,CAAA","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2==true?'upActive':'active'\"  @click=\"sectionHandle()\" ></span>\r\n                        </div>\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\"/>\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1==true?'upActive':'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\"/>\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        \r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue'\r\nimport OD from '../../components/target/OD.vue'\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n    \r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active{\r\n  transition:  all .5s linear;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/95ae0957918b4a956d307c91325ac8a5.json b/node_modules/.cache/babel-loader/95ae0957918b4a956d307c91325ac8a5.json
new file mode 100644
index 00000000..42dc082c
--- /dev/null
+++ b/node_modules/.cache/babel-loader/95ae0957918b4a956d307c91325ac8a5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFLow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      componentShow: \"\",\n      currentDate: new Date(),\n      closeStatus: null,\n      dialogFormVisible: false,\n      fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n      ],\n      form: {\n        radio: '',\n        name: '',\n        city: '',\n        videoUrl: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [//     {\n      //     img:require('@/assets/img/AnalysisMain/img1.png'),\n      //     type:'实时视频',\n      //     title:'视频监控001'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img2.png'),\n      //     type:'离线视频',\n      //     title:'视频监控002'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img3.png'),\n      //     type:'实时视频',\n      //     title:'视频监控003'\n      // }\n    ]), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n  },\n  methods: {\n    informationInfo: function informationInfo(data, item) {\n      console.log(\"data\", data);\n\n      if (data == '新增') {\n        this.form = {\n          radio: '',\n          name: '',\n          city: '',\n          videoUrl: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _this = this;\n\n      console.log(\"item\", item);\n      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        getDeleteShipjk({\n          VideoId: item\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          _this.$message({\n            type: 'success',\n            message: '删除成功!'\n          });\n\n          _this.getVideoList();\n        });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    commit: function commit(form) {\n      var _this2 = this;\n\n      console.log(\"form\", form);\n      var formData = new FormData();\n      formData.append(\"VideoName\", form.videoName);\n      formData.append(\"VideoType\", form.videoType);\n      formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          _this2.getVideoList();\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n\n        _this2.dialogFormVisible = false;\n      });\n    },\n    handleFileChange: function handleFileChange(e) {\n      var inputDOM = this.$refs.inputer;\n      this.file = inputDOM.files[0]; // 通过DOM取文件数据\n    },\n    S4: function S4() {\n      return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);\n    },\n    guid: function guid() {\n      return this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4();\n    },\n    load: function load() {\n      var _this3 = this;\n\n      var size = this.file.size; //文件大小\n\n      var maxZrea = 8; //设置每个分区大小 MB\n\n      var bufferSize = maxZrea * (1024 * 1024);\n      var fileStart = 0;\n      var fileEnd = bufferSize;\n      var arrFile = [];\n\n      while (fileStart < size) {\n        var fileInfo = {\n          File: this.file.slice(fileStart, fileEnd),\n          Start: fileStart,\n          End: fileEnd\n        };\n        arrFile.push(fileInfo);\n        fileStart = fileEnd;\n        fileEnd = fileStart + bufferSize;\n      }\n\n      var count = arrFile.length;\n      var filename = this.file.name + \"~\" + this.guid();\n\n      for (var i = 0; i < count; i++) {\n        var formData = new FormData(); //new一个formData事件\n\n        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n        var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n        console.log(\"url\", url); //               axios({\n        //     method: \"post\",\n        //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\n        //     headers: {\n        //                     \"Content-Type\": \"multipart/form-data;\",\n        //                 }\n        //   })\n\n        axios.post(url, formData, {\n          headers: {\n            \"Content-Type\": \"multipart/form-data;\"\n          }\n        }).then(function (r) {\n          console.log(\"r.data\", r.data);\n\n          if (r.data.code != 200) {\n            console.log(r.data);\n          } else {\n            _this3.$message({\n              message: r.data.msg,\n              type: 'success'\n            });\n          } //console.log(r.data.code);\n\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this4 = this;\n\n      getGetShipjk().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.msg == '成功') {\n          var arr = [];\n          res.data.data.forEach(function (item) {\n            arr.push({\n              id: item.videoId,\n              type: item.videoType,\n              title: item.videoName,\n              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this4.videoList = arr;\n          console.log(\"this.videoList\", _this4.videoList);\n        }\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    } //    onUpdateSubmit(data) {\n    //       if (data?.id) {\n    //         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n    //       } else {\n    //         this.tableData.push({\n    //           id: Math.floor(Math.random() * 300),\n    //           name: data.name,\n    //           creator: 'dd',\n    //         })\n    //       }\n    //       this.dialogFormVisible = false;\n    //     },\n\n  },\n  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id) {\r\n        this.$router.push({path:'index',query: {id:id}})\r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n</style>\r\n\r\n\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/96935dde4be348a93f43aa4e5fe577d2.json b/node_modules/.cache/babel-loader/96935dde4be348a93f43aa4e5fe577d2.json
index 6fd00f76..74445fae 100644
--- a/node_modules/.cache/babel-loader/96935dde4be348a93f43aa4e5fe577d2.json
+++ b/node_modules/.cache/babel-loader/96935dde4be348a93f43aa4e5fe577d2.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673318539856},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'lineUpChart',\n  //排队数组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  props: ['pageType', 'triggerType'],\n  data: function data() {\n    return {\n      tableData: [{\n        time: '7:40',\n        type: '小汽车',\n        carNumber: '苏E.999999',\n        lane: '成华大道',\n        event: 'in',\n        speed: '80',\n        headWay: '10'\n      }, {\n        time: '9:40',\n        type: '货车',\n        carNumber: '苏E.888888',\n        lane: '成华大道',\n        event: 'in',\n        speed: '60',\n        headWay: '10'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        carNumber: '苏E.777777',\n        lane: '成华大道',\n        event: 'in',\n        speed: '90',\n        headWay: '10'\n      }],\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["OD.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  OD组件</p>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\nname: 'lineUpChart', //排队数组件\r\ncomponents: {\r\n    lineChart,\r\n    barChart,\r\n    tableShow,\r\n    detailDialog,\r\n    thermalChart,\r\n    regionTable\r\n},\r\nprops: ['pageType', 'triggerType'],\r\ndata() {\r\n    return {\r\n        tableData: [\r\n            {\r\n                time: '7:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.999999',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '80',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '9:40',\r\n                type: '货车',\r\n                carNumber: '苏E.888888',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '60',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.777777',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '90',\r\n                headWay: '10'\r\n            }\r\n        ],\r\n        periodicTime: [\r\n            {\r\n                time: '17:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '50',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '22:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '30',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '24:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '80',\r\n                CongestionStatus: '拥堵'\r\n            }\r\n        ],\r\n        periodicStatistic: [\r\n            {\r\n                time: '9:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '60',\r\n                avgFlow: '200'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '55',\r\n                avgFlow: '50'\r\n            },\r\n            {\r\n                time: '11:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '61',\r\n                avgFlow: '40'\r\n            }\r\n        ]\r\n    };\r\n},\r\nmethods: {},\r\nmounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.border {\r\nwidth: 100%;\r\nmargin-bottom: 20px;\r\nposition: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673593117644},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'lineUpChart',\n  //排队数组件\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  props: ['pageType', 'triggerType', 'data'],\n  data: function data() {\n    return {\n      title: 'OD组件'\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;AAWA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,aADA;AACA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA,YALA;AAMA,IAAA,WAAA,EAAA;AANA,GAFA;AAUA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,CAVA;AAWA,EAAA,IAXA,kBAWA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAfA;AAgBA,EAAA,OAAA,EAAA,EAhBA;AAiBA,EAAA,OAjBA,qBAiBA,CAAA;AAjBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"border\">\r\n            <detailDialog />\r\n            <thermalChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    data() {\r\n        return {\r\n            title: 'OD组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/97687da616fcbe1b36e2a9f27af0132c.json b/node_modules/.cache/babel-loader/97687da616fcbe1b36e2a9f27af0132c.json
index c65b4cc5..e3240b26 100644
--- a/node_modules/.cache/babel-loader/97687da616fcbe1b36e2a9f27af0132c.json
+++ b/node_modules/.cache/babel-loader/97687da616fcbe1b36e2a9f27af0132c.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from \"mqtt\"; // mqtt协议\n\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      trajectory: false,\n      //轨迹\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      speedForm: {\n        name: '',\n        timeModel: 'touch',\n        touchType: '实时（触发）',\n        num: '',\n        time: '',\n        date: '',\n        type: []\n      },\n      trackForm: {\n        name: \"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      statusInfo: [{\n        count: 15,\n        name: \"穿梭车在线数量\",\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\n        color: \"#01A8FC\"\n      }, {\n        count: 26,\n        name: \"任务数量\",\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\n        color: \"#FDA401\"\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      carInfo: [],\n      //小车信息\n      carName: '',\n      palletizerInfo: [],\n      //码垛机信息\n      palletizerName: '',\n      destackerInfo: [],\n      //拆垛机信息\n      destackerName: '',\n      hoistInfo: [],\n      //提升机信息’\n      hoistName: '',\n      battaryStationInfo: [],\n      //快换电池装置\n      battaryStationName: \"\",\n      conveyorInfo: [],\n      //输送机信息\n      conveyorName: \"\",\n      activeName: \"first\"\n    };\n  },\n  mounted: function mounted() {// this.getMessage();\n    // 消息提醒\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n  created: function created() {\n    this.testMqtt();\n  },\n  methods: {\n    // handleClick(tab, event) {\n    //     console.log(tab, event);\n    //   },\n    // 测试：mqtt测试\n    testMqtt: function testMqtt() {\n      this.getDataByMqtt(); // 小车订阅\n      //   for (let key in this.carId) {\n      //     this.getDataByMqtt(\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Car\" + key,\n      //       this.carId[key]\n      //     );\n      //   }\n      //   //输送机入库订阅\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n      //       this.convoyorCIdGroup[i]\n      //     );\n      //   }\n      //   //输送机出库订阅\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n      //       this.outConvoyorCIdGroup[i]\n      //     );\n      //   }\n      //   for (let key in this.BattaryArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Battary_Sation\" + key,\n      //       this.BattaryArr[key]\n      //     );\n      //   }\n      //   // 升降机订阅elvArr\n      //   for (let key in this.elvArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"ELV\" + key,\n      //       this.elvArr[key]\n      //     );\n      //   }\n      //   // 拆码跺机订阅\n      //   for (let key in this.stampArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"INCMD\" + key,\n      //       this.stampArr[key]\n      //     );\n      //   }\n    },\n    onSubmit: function onSubmit() {},\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    // mqtt订阅（独立）\n    getDataByMqtt: function getDataByMqtt(url, topic, cIdNum) {\n      var _this = this;\n\n      var clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n      var host = 'ws://172.16.1.168:10087/';\n      var options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60,\n        // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',\n        // 用户名（可选）\n        password: '123456',\n        // 密码（可选）\n        clientId: clientId,\n        // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true,\n        // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000,\n        // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000,\n        // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\",\n          // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\",\n          // 要发布的消息\n          qos: 0,\n          // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false // 保留标志\n\n        }\n      };\n\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n\n        this.mqttClient.on(\"error\", function (err) {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n\n          _this.mqttClient.end();\n        }); // 重连回调\n\n        this.mqttClient.on(\"reconnect\", function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        }); // 连接回调\n\n        this.mqttClient.on(\"connect\", function (connect) {\n          //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          _this.mqttClient.subscribe('img0', {\n            qos: 0\n          }); //    this.client.connect('aaa', '111')\n\n\n          _this.mqttClient.publish('aaa', '111'); //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\n\n\n          _this.mqttClient.subscribe('img1', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img2', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img3', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img4', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img5', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream0', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream1', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream2', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream3', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream4', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream5', {\n            qos: 0\n          });\n        }); // 接收回调\n\n        this.mqttClient.on(\"message\", function (topic, message, packet) {\n          if (topic.indexOf(\"img0\") != -1) {\n            try {\n              var utf8decoder = new TextDecoder();\n              var u8arr = new Uint8Array(message);\n              var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n              var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              //   debugger\n              //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              // console.log(\"1111\",document.getElementById(\"mapModule\"))\n\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg)); //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n              //   console.log(\"imageUrl\", imageUrl)\n            } catch (_unused) {\n              var imageType = 'arraybuffer';\n              var blob = new Blob([message], {\n                type: imageType\n              });\n\n              var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob); //   console.log(\"imageUrl\", imageUrl)\n\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              var _utf8decoder = new TextDecoder();\n\n              var _u8arr = new Uint8Array(message);\n\n              var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n              var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n\n\n              _this.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused2) {\n              var _imageType = 'arraybuffer';\n\n              var _blob = new Blob([message], {\n                type: _imageType\n              });\n\n              var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n              console.log(\"imageUrl\", _imageUrl2);\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              var _utf8decoder2 = new TextDecoder();\n\n              var _u8arr2 = new Uint8Array(message);\n\n              var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n              var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg2); //msg为转换后的JSON数据\n\n              _this.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused3) {\n              var _imageType2 = 'arraybuffer';\n\n              var _blob2 = new Blob([message], {\n                type: _imageType2\n              });\n\n              var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n              console.log(\"imageUrl\", _imageUrl3);\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              var _utf8decoder3 = new TextDecoder();\n\n              var _u8arr3 = new Uint8Array(message);\n\n              var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n              var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg3); //msg为转换后的JSON数据\n\n              _this.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused4) {\n              var _imageType3 = 'arraybuffer';\n\n              var _blob3 = new Blob([message], {\n                type: _imageType3\n              });\n\n              var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n              console.log(\"imageUrl\", _imageUrl4);\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              var _utf8decoder4 = new TextDecoder();\n\n              var _u8arr4 = new Uint8Array(message);\n\n              var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n              var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg4); //msg为转换后的JSON数据\n\n              _this.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused5) {\n              var _imageType4 = 'arraybuffer';\n\n              var _blob4 = new Blob([message], {\n                type: _imageType4\n              });\n\n              var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n              console.log(\"imageUrl\", _imageUrl5);\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              var _utf8decoder5 = new TextDecoder();\n\n              var _u8arr5 = new Uint8Array(message);\n\n              var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n              var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg5); //msg为转换后的JSON数据\n\n              _this.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused6) {\n              var _imageType5 = 'arraybuffer';\n\n              var _blob5 = new Blob([message], {\n                type: _imageType5\n              });\n\n              var _imageUrl6 = (window.URL || window.webkitURL).createObjectURL(_blob5);\n\n              console.log(\"imageUrl\", _imageUrl6);\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            var _utf8decoder6 = new TextDecoder();\n\n            var _u8arr6 = new Uint8Array(message);\n\n            var _temp6 = _utf8decoder6.decode(_u8arr6); // 将二进制数据转为字符串\n\n\n            var _msg6 = JSON.parse(_temp6);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg6));\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          }\n        });\n      }\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this2 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this2.weatherItem = res.data.lives[0];\n        console.log(_this2.weatherItem, 'asdsads');\n      });\n    },\n    Onweather: function Onweather(name) {//   switch (name) {\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n      // \t\t\t\tcase \"阴\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n      // \t\t\t\tcase \"暴雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n      // \t\t\t\tcase \"冰雹\":\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\n      // \t\t\t\tcase \"大风\":\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\n      // \t\t\t\tcase \"大雪\":\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n      // \t\t\t\tcase \"大雨\":\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n      // \t\t\t\tcase \"雷电\":\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\n      // \t\t\t\tcase \"雷阵雨\":\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\n      // \t\t\t\tcase \"沙尘暴\":\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\n      // \t\t\t\tcase \"晴\":\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\n      // \t\t\t\tcase \"雾霾\":\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\n      // \t\t\t\tcase \"小雪\":\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\n      // \t\t\t\tcase \"小雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\n      // \t\t\t\tcase \"雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\n      // \t\t\t\tcase \"雨夹雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n      // \t\t\t\tcase \"月亮\":\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\n      // \t\t\t\tcase \"中雪\":\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n      // \t\t\t\tcase \"中雨\":\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n      // \t\t\t}\n    },\n    //隐藏箱子\n    hideBox: function hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs v-model=\"activeName\" type=\"border-card\" >\r\n        <el-tab-pane label=\"xx路口\" name=\"first\">\r\n            <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n          </div> -->\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <!-- <el-form-item label=\"实时性\">\r\n    <el-radio-group v-model=\"form.resource\">\r\n      <el-radio label=\"实时（触发）\"></el-radio>\r\n      <el-radio label=\"间隔\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item> -->\r\n          <el-form-item label=\"断面名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\">\r\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"car\"></el-option>\r\n              <el-option label=\"方向\" value=\"bus\"></el-option>\r\n              <el-option label=\"双向\" value=\"kache\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\r\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\r\n          <el-form-item label=\"区域名称\">\r\n            <el-input v-model=\"areaComponentform.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\r\n        <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\r\n          <el-form-item label=\"轨迹名称：\">\r\n            <el-input v-model=\"trackForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\r\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\r\n          <el-form-item label=\"速度组件名称：\">\r\n            <el-input v-model=\"speedForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\">\r\n            <el-input v-model=\"speedForm.num\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"speedForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item>\r\n        <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\r\n          <el-slider v-model=\"speedForm.time\" show-input>\r\n            </el-slider>\r\n        </el-form-item>\r\n        <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\r\n           <el-date-picker\r\n       v-model=\"speedForm.date\"\r\n      type=\"datetimerange\"\r\n      range-separator=\"至\"\r\n      start-placeholder=\"开始日期\"\r\n      end-placeholder=\"结束日期\">\r\n    </el-date-picker>\r\n        </el-form-item>\r\n          <el-form-item label=\"展现形式：\">\r\n            <el-checkbox-group v-model=\"speedForm.type\">\r\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      \r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      form: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      speedForm: {\r\n        name: '',\r\n        timeModel:'touch',\r\n        touchType:'实时（触发）',\r\n        num:'',\r\n        time:'',\r\n        date: '',\r\n        type: [],\r\n      },\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      carInfo: [], //小车信息\r\n      carName: '',\r\n      palletizerInfo: [], //码垛机信息\r\n      palletizerName: '',\r\n      destackerInfo: [], //拆垛机信息\r\n      destackerName: '',\r\n      hoistInfo: [], //提升机信息’\r\n      hoistName: '',\r\n      battaryStationInfo: [],//快换电池装置\r\n      battaryStationName: \"\",\r\n      conveyorInfo: [], //输送机信息\r\n      conveyorName: \"\",\r\n\r\n\r\n      activeName:\"first\"\r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n  created() {\r\n    this.testMqtt()\r\n\r\n  },\r\n  methods: {\r\n\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n    // 测试：mqtt测试\r\n    testMqtt() {\r\n      this.getDataByMqtt()\r\n      // 小车订阅\r\n      //   for (let key in this.carId) {\r\n      //     this.getDataByMqtt(\r\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Car\" + key,\r\n      //       this.carId[key]\r\n      //     );\r\n      //   }\r\n      //   //输送机入库订阅\r\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n      //       this.convoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   //输送机出库订阅\r\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n      //       this.outConvoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   for (let key in this.BattaryArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Battary_Sation\" + key,\r\n      //       this.BattaryArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 升降机订阅elvArr\r\n      //   for (let key in this.elvArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"ELV\" + key,\r\n      //       this.elvArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 拆码跺机订阅\r\n      //   for (let key in this.stampArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"INCMD\" + key,\r\n      //       this.stampArr[key]\r\n      //     );\r\n      //   }\r\n    },\r\n    onSubmit() { },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n    // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n       \r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n        //    this.client.connect('aaa', '111')\r\n          this.mqttClient.publish('aaa', '111');\r\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n          \r\n        });\r\n         \r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n             \r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n    Onweather(name) {\r\n      //   switch (name) {\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n      // \t\t\t\tcase \"阴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n      // \t\t\t\tcase \"暴雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n      // \t\t\t\tcase \"冰雹\":\r\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n      // \t\t\t\tcase \"大风\":\r\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n      // \t\t\t\tcase \"大雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n      // \t\t\t\tcase \"大雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n      // \t\t\t\tcase \"雷电\":\r\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n      // \t\t\t\tcase \"雷阵雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n      // \t\t\t\tcase \"沙尘暴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n      // \t\t\t\tcase \"晴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n      // \t\t\t\tcase \"雾霾\":\r\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n      // \t\t\t\tcase \"小雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n      // \t\t\t\tcase \"小雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n      // \t\t\t\tcase \"雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\r\n      // \t\t\t\tcase \"雨夹雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n      // \t\t\t\tcase \"月亮\":\r\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n      // \t\t\t\tcase \"中雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n      // \t\t\t\tcase \"中雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n      // \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox() {\r\n      this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.typed.uint8-array\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// import mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport { getComponentData, getSectionalData } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios'; // mqtt\n// import mqttHandle from \"../../../utils/mqttHandle\";\n\nimport mqttConfig from \"@/utils/mqttConfig.js\";\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client; // var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\n\nexport default {\n  data: function data() {\n    return {\n      receiveNews: \"\",\n      topicSends: ['img0', 'stream0', 'trajectory0', 'detection0'],\n      trajectory: false,\n      //轨迹\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      component: false,\n      sectionals: [],\n      activeName: 'first',\n      VideoId: '',\n      title: '断面',\n      componentTitle: '速度',\n      form: {\n        name: '',\n        type: '',\n        id: '',\n        coordinate: '',\n        Direction: '正向',\n        StoppingSpeed: '5'\n      },\n      //初始图形名称\n      startFigureName: '',\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      timeSelect: [{\n        label: '秒',\n        value: '秒'\n      }, {\n        label: '分钟',\n        value: '分钟'\n      }, {\n        label: '小时',\n        value: '小时'\n      }, {\n        label: '天',\n        value: '天'\n      }],\n      componentForm: {\n        //单位\n        company: \"秒\",\n        componentName: \"\",\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\n        //周期间隔\n        cycleInterval: \"\",\n        startSectionIds: \"\",\n        startSectionNames: \"\",\n        endSectionIds: \"\",\n        endSectionNames: \"\",\n        endValue: \"\",\n        //展现形式\n        presentationForm: \"\",\n        presentation: [],\n        startValue: \"\",\n        timeMode: \"触发\",\n        type: \"\",\n        startSection: [],\n        endSection: [],\n        componentType: \"\",\n        typeFiltering: ''\n      },\n      typeData: [\"小汽车\", \"公交车\", \"卡车\", \"非机动车\", \"行人\"],\n      //展现形式\n      presentation: ['数值', '表格', '时间曲线图', '均值图'],\n      trackForm: {\n        name: \"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      number: '',\n      componentId: '' //   carInfo: [], //小车信息\n      //   carName: '',\n      //   palletizerInfo: [], //码垛机信息\n      //   palletizerName: '',\n      //   destackerInfo: [], //拆垛机信息\n      //   destackerName: '',\n      //   hoistInfo: [], //提升机信息’\n      //   hoistName: '',\n      //   battaryStationInfo: [],//快换电池装置\n      //   battaryStationName: \"\",\n      //   conveyorInfo: [], //输送机信息\n      //   conveyorName: \"\",\n\n    };\n  },\n  mounted: function mounted() {\n    window.getFigure = this.getFigureD;\n    window.getModifyTheName = this.getModifyTheNameN; // window.getModifyTheName = this.getModifyTheNameN;\n\n    window.getSingleComponentId = this.getSingleComponentIdN;\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\n    window.OnScene = this.OnSceneN;\n    this.getAllSectionalData(this.$route.query.id);\n    this.VideoId = this.$route.query.id;\n    this.number = this.$route.query.num; //   this.getSingleComponentIdN()\n  },\n  //离开当前页面后执行\n  destroyed: function destroyed() {\n    console.log(\"离开当前页\");\n    client.publish('msg_stream', JSON.stringify({\n      \"msg_flag\": -1\n    }));\n  },\n  created: function created() {\n    // this.testMqtt()\n    this.componentForm.company = this.timeSelect[0].value;\n    this.createMqtt();\n  },\n  methods: {\n    /** 创建mqtt */\n    createMqtt: function createMqtt() {\n      var _this = this;\n\n      //创建链接，接收数据\n      mqtt = new mqttConfig(this.topicSends);\n      client = mqtt.createConnect();\n      client.subscribe(['img' + this.number, 'stream' + this.number, 'trajectory' + this.number, 'detection' + this.number], {\n        qos: 0\n      }, function (err) {\n        if (!err) {\n          console.log(\"订阅成功\");\n          client.publish('msg_stream', JSON.stringify({\n            \"msg_flag\": parseInt(_this.number)\n          }));\n        } else {\n          console.log('消息订阅失败！');\n        }\n      });\n      client.on(\"message\", function (topic, message) {\n        //数据分类\n        try {\n          //   this.receiveNews = this.receiveNews.concat(message);\n          //   this.realInfo(topic, this.receiveNews);\n          _this.realInfo(topic, message);\n        } catch (error) {}\n      });\n    },\n    //停止订阅mqtt\n    disConnect: function disConnect() {\n      if (client != null) {\n        client.unsubscribe(this.topicSends);\n        client = null;\n      }\n    },\n\n    /** 实时数据分类 */\n    realInfo: function realInfo(topic, message) {\n      switch (topic) {\n        // 接收托片\n        case \"img0\":\n        case \"img1\":\n        case \"img2\":\n          try {\n            var utf8decoder = new TextDecoder();\n            var u8arr = new Uint8Array(message);\n            var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n            var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n            document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg));\n          } catch (error) {}\n\n          break;\n        // 树结构\n\n        case \"stream0\":\n        case \"stream1\":\n        case \"stream2\":\n          try {\n            var utf8decoder1 = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = utf8decoder1.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg));\n          } catch (error) {}\n\n          break;\n        // 控制台输出\n\n        case \"trajectory0\":\n        case \"trajectory1\":\n        case \"trajectory2\":\n        case \"trajectory3\":\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message); //    console.log(\"message11\",message)\n\n\n            var _temp2 = _utf8decoder.decode(_u8arr2); // 将二进制数据转为字符串\n            //   console.log(\"temp11\",temp)\n\n\n            var _msg2 = JSON.parse(_temp2); //  console.log(\"msg11\",msg)\n\n\n            document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(_msg2));\n          } catch (error) {}\n\n          break;\n        // 触发\n\n        case \"detection0\":\n        case \"detection1\":\n        case \"detection2\":\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message); //   console.log(\"message\",message)\n\n\n            var _temp3 = _utf8decoder2.decode(_u8arr3); // 将二进制数据转为字符串\n            //   console.log(\"temp\",temp)\n\n\n            var detId = [];\n            var msgN = JSON.parse(_temp3);\n\n            if (_temp3.length != 0) {\n              for (var i = 0; i < msgN.length; i++) {\n                detId.push(msgN[i].det_id);\n              } // console.log(\"detId\",detId)\n              //   const msg = detId\n              //   console.log(\"msg\",msg)\n\n\n              document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId)); // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\n            }\n          } catch (error) {}\n\n          break;\n      }\n\n      this.receiveNews = \"\";\n    },\n    // handleClick(tab, event) {\n    //     console.log(tab, event);\n    //   },\n    //初始化unity\n    OnSceneN: function OnSceneN() {\n      document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id));\n    },\n    // //新增组件根据组件id获取单个组件数据\n    getSingleComponentIdN: function getSingleComponentIdN(id, type, name) {\n      var _this2 = this;\n\n      console.log(\"id\", id);\n      console.log(\"type\", type);\n      console.log(\"name\", name);\n      this.componentId = id;\n      this.componentForm.componentType = type;\n      this.componentTitle = type;\n      getComponentData({\n        AnalogAreaComponentId: id\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          console.log(\"res\", res.data.data);\n          _this2.component = true;\n\n          if (res.data.data.company != '') {\n            _this2.componentForm.company = res.data.data.company;\n          }\n\n          if (res.data.data.timeMode != '') {\n            _this2.componentForm.timeMode = res.data.data.timeMode;\n          }\n\n          _this2.componentForm.componentName = res.data.data.componentName + '-' + type;\n          _this2.componentForm.componentParameterId = res.data.data.componentParameterId;\n          _this2.componentForm.cycleInterval = res.data.data.cycleInterval;\n          _this2.componentForm.startSectionIds = res.data.data.startSectionIds;\n          _this2.componentForm.startSectionNames = res.data.data.startSectionNames;\n          _this2.componentForm.endSectionIds = res.data.data.endSectionIds;\n          _this2.componentForm.endSectionNames = res.data.data.endSectionNames;\n          _this2.componentForm.endValue = res.data.data.endValue;\n          _this2.componentForm.startValue = res.data.data.startValue;\n          _this2.componentForm.presentationForm = res.data.data.presentationForm;\n          _this2.componentForm.type = res.data.data.type;\n\n          if (res.data.data.startSectionIds != '') {\n            console.log(\"startSectionIds\", res.data.data.startSectionIds);\n            var startSectionIdArr = [];\n            var startSectionArr = [];\n            startSectionIdArr = res.data.data.startSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"startSectionIdArr\", startSectionIdArr);\n            startSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  startSectionArr.push(items.graphicName);\n                  _this2.componentForm.startSection = startSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.endSectionIds != '') {\n            console.log(\"endSectionIds\", res.data.data.endSectionIds);\n            var endSectionIdArr = [];\n            var endSectionArr = [];\n            endSectionIdArr = res.data.data.endSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"endSectionIdArr\", endSectionIdArr);\n            endSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  endSectionArr.push(items.graphicName);\n                  _this2.componentForm.endSection = endSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.presentationForm != '') {\n            var presentationN = [];\n            presentationN = res.data.data.presentationForm.split(',');\n            _this2.componentForm.presentation = presentationN;\n          }\n        }\n      });\n    },\n    //修改模拟区组件、图形\n    getSimulationAreaEdit: function getSimulationAreaEdit(id, type, componentType, name) {\n      var _this3 = this;\n\n      if (type == '图形') {\n        this.form.id = id;\n        this.form.name = name;\n        this.form.type = componentType;\n        this.startFigureName = name;\n\n        if (this.form.type == '轨迹') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '区域') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '断面') {\n          this.dialogFormVisible = true;\n        }\n      } else if (type == '组件') {\n        this.componentId = id;\n        this.componentForm.componentType = componentType;\n        this.componentTitle = componentType;\n        getComponentData({\n          AnalogAreaComponentId: id\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            console.log(\"res\", res.data.data);\n            _this3.component = true;\n\n            if (res.data.data.company != '') {\n              _this3.componentForm.company = res.data.data.company;\n            }\n\n            if (res.data.data.timeMode != '') {\n              _this3.componentForm.timeMode = res.data.data.timeMode;\n            }\n\n            _this3.componentForm.componentName = res.data.data.componentName + '-' + type;\n            _this3.componentForm.componentParameterId = res.data.data.componentParameterId;\n            _this3.componentForm.cycleInterval = res.data.data.cycleInterval;\n            _this3.componentForm.startSectionIds = res.data.data.startSectionIds;\n            _this3.componentForm.startSectionNames = res.data.data.startSectionNames;\n            _this3.componentForm.endSectionIds = res.data.data.endSectionIds;\n            _this3.componentForm.endSectionNames = res.data.data.endSectionNames;\n            _this3.componentForm.endValue = res.data.data.endValue;\n            _this3.componentForm.startValue = res.data.data.startValue;\n            _this3.componentForm.presentationForm = res.data.data.presentationForm;\n            _this3.componentForm.type = res.data.data.type;\n\n            if (res.data.data.startSectionIds != '') {\n              console.log(\"startSectionIds\", res.data.data.startSectionIds);\n              var startSectionIdArr = [];\n              var startSectionArr = [];\n              startSectionIdArr = res.data.data.startSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"startSectionIdArr\", startSectionIdArr);\n              startSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    startSectionArr.push(items.graphicName);\n                    _this3.componentForm.startSection = startSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.endSectionIds != '') {\n              console.log(\"endSectionIds\", res.data.data.endSectionIds);\n              var endSectionIdArr = [];\n              var endSectionArr = [];\n              endSectionIdArr = res.data.data.endSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"endSectionIdArr\", endSectionIdArr);\n              endSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    endSectionArr.push(items.graphicName);\n                    _this3.componentForm.endSection = endSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.presentationForm != '') {\n              var presentationN = [];\n              presentationN = res.data.data.presentationForm.split(',');\n              _this3.componentForm.presentation = presentationN;\n            }\n          }\n        });\n      }\n    },\n    //获取所有断面数据\n    getAllSectionalData: function getAllSectionalData(VideoId) {\n      var _this4 = this;\n\n      getSectionalData({\n        VideoId: VideoId\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.sectionals = res.data.data;\n        }\n      });\n    },\n    figureType: function figureType(type) {\n      if (type == 'Move') {\n        type = '轨迹';\n      } else if (type == 'Poly') {\n        type = '区域';\n      } else if (type == 'Line') {\n        type = '断面';\n      }\n\n      return type;\n    },\n    getFigureD: function getFigureD(item, index, indexNew) {\n      console.log(\"图形类型\", item);\n      console.log(\"初始图形名称\", index);\n      this.startFigureName = index;\n      console.log(\"图形位置\", indexNew);\n      this.dialogFormVisible = true;\n      this.form.name = index;\n      this.form.type = this.figureType(item);\n      this.form.coordinate = indexNew;\n      this.form.id = '';\n      this.title = this.figureType(item);\n    },\n    //双击图形修改图形名称弹框\n    getModifyTheNameN: function getModifyTheNameN(data) {\n      console.log(\"data\", data);\n      var arr = [];\n      arr = data.split(',');\n      console.log(\"arr\", arr);\n      this.form.id = arr[0];\n      this.form.name = arr[1];\n      this.form.type = arr[2];\n      this.startFigureName = arr[1];\n\n      if (this.form.type == '轨迹') {\n        // this.open2()\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '区域') {\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '断面') {\n        this.dialogFormVisible = true;\n      }\n    },\n    //新增、编辑图形确认按钮\n    onSubmit: function onSubmit(form) {\n      var _this5 = this;\n\n      console.log(\"form\", form); //新增\n\n      if (form.id == '') {\n        var formData = new FormData();\n\n        if (form.type == '断面') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId);\n          formData.append(\"Direction\", form.Direction);\n        } else if (form.type == '区域') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n          // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\n        } else {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.addFigure,\n          data: formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      } else {\n        //编辑\n        var _formData = new FormData();\n\n        if (form.type == '断面') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n        } else if (form.type == '区域') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n\n          _formData.append(\"StoppingSpeed\", form.StoppingSpeed);\n        } else {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type); // formData.append(\"Direction\",form.Direction);\n\n\n          _formData.append(\"GraphicId\", form.id);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.editFigure,\n          data: _formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            console.log(\"startFigureName\", _this5.startFigureName); // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      }\n    },\n    //新增编辑组件取消\n    onSubmitComponent: function onSubmitComponent(componentForm) {\n      var _this6 = this;\n\n      this.component = false;\n      var formData = new FormData();\n\n      if (componentForm.componentType == 'OD') {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"startSectionIds\", componentForm.startSectionIds);\n        formData.append(\"startSectionNames\", componentForm.startSectionNames);\n        formData.append(\"endSectionIds\", componentForm.endSectionIds);\n        formData.append(\"endSectionNames\", componentForm.endSectionNames);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", '矩阵图');\n        formData.append(\"type\", componentForm.type);\n      } else {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", componentForm.presentationForm);\n        formData.append(\"type\", componentForm.type);\n      }\n\n      axios({\n        method: \"post\",\n        url: serverUrl.editComponent,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n          document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(_this6.componentId + ',' + componentForm.componentName));\n          _this6.dialogFormVisible = false;\n        } else {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //新增编辑组件取消\n    closeComponent: function closeComponent(componentForm) {\n      this.component = false;\n    },\n    //新增、编辑图形取消按钮\n    closeFigure: function closeFigure(form) {\n      console.log(\"form\", form);\n\n      if (form.id != '') {\n        this.dialogFormVisible = false; // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\n\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    closeComponentForm: function closeComponentForm() {\n      this.component = false;\n    },\n    closeForm: function closeForm(form) {\n      if (this.form.id != '') {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id)); //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    //改变起点\n    handleCheckedStartSection: function handleCheckedStartSection(value) {\n      var _this7 = this;\n\n      console.log(\"改变起点\", value);\n      var startSectionIdArr = [];\n      var startSectionNameArr = [];\n      value.forEach(function (item) {\n        _this7.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            startSectionIdArr.push(items.graphicId);\n            startSectionNameArr.push(items.graphicName);\n            var newStartSectionId = startSectionIdArr.join(\",\");\n            var newStartSectionName = startSectionNameArr.join(\",\");\n            _this7.componentForm.startSectionIds = newStartSectionId;\n            _this7.componentForm.startSectionNames = newStartSectionName;\n          }\n        });\n      });\n    },\n    //改变终点\n    handleCheckedendSection: function handleCheckedendSection(value) {\n      var _this8 = this;\n\n      console.log(\"改变终点\", value);\n      var endSectionIdArr = [];\n      var endSectionNameArr = [];\n      value.forEach(function (item) {\n        _this8.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            endSectionIdArr.push(items.graphicId);\n            endSectionNameArr.push(items.graphicName);\n            var newendSectionId = endSectionIdArr.join(\",\");\n            var newEndSectionName = endSectionNameArr.join(\",\");\n            console.log(\"newendSectionId\", newendSectionId);\n            console.log(\"newEndSectionName\", newEndSectionName);\n            _this8.componentForm.endSectionIds = newendSectionId;\n            _this8.componentForm.endSectionNames = newEndSectionName;\n          }\n        });\n      });\n    },\n    //修改展现形式\n    handlePresentation: function handlePresentation(value) {\n      console.log(\"展现形式\", value);\n      var presentation = value.join(\",\");\n      this.componentForm.presentationForm = presentation;\n      console.log(\"this.componentForm.presentationForm\", this.componentForm.presentationForm);\n    },\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this9 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this9.weatherItem = res.data.lives[0];\n        console.log(_this9.weatherItem, 'asdsads');\n      });\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n  window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/9cf0d89f5f2e2c7d9e87b752571fefcc.json b/node_modules/.cache/babel-loader/9cf0d89f5f2e2c7d9e87b752571fefcc.json
new file mode 100644
index 00000000..d7452b27
--- /dev/null
+++ b/node_modules/.cache/babel-loader/9cf0d89f5f2e2c7d9e87b752571fefcc.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {};\n  },\n  methods: {\n    goBack: function goBack() {\n      this.$router.go(-1);\n    }\n  }\n};",{"version":3,"sources":["403.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA,EAAA;AAGA,GALA;AAMA,EAAA,OAAA,EAAA;AACA,IAAA,MADA,oBACA;AACA,WAAA,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACA;AAHA;AANA,CAAA","sourcesContent":["<template>\r\n  <div class=\"error-page\">\r\n    <div class=\"error-code\">4<span>0</span>3</div>\r\n    <div class=\"error-desc\">啊哦~ 你没有权限访问该页面哦</div>\r\n    <div class=\"error-handle\">\r\n      <router-link to=\"/\">\r\n        <el-button type=\"primary\" size=\"large\">返回首页</el-button>\r\n      </router-link>\r\n      <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.error-code{\r\n  color: #f02d2d;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/page"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/9de911dc2b9989636d7b53b1ef471a77.json b/node_modules/.cache/babel-loader/9de911dc2b9989636d7b53b1ef471a77.json
new file mode 100644
index 00000000..fdef07ae
--- /dev/null
+++ b/node_modules/.cache/babel-loader/9de911dc2b9989636d7b53b1ef471a77.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\utils\\scroll-to.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\utils\\scroll-to.js","mtime":1673232721958},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["Math.easeInOutQuad = function (t, b, c, d) {\n  t /= d / 2;\n\n  if (t < 1) {\n    return c / 2 * t * t + b;\n  }\n\n  t--;\n  return -c / 2 * (t * (t - 2) - 1) + b;\n}; // requestAnimationFrame for Smart Animating http://goo.gl/sx5sts\n\n\nvar requestAnimFrame = function () {\n  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function (callback) {\n    window.setTimeout(callback, 1000 / 60);\n  };\n}();\n/**\r\n * Because it's so fucking difficult to detect the scrolling element, just move them all\r\n * @param {number} amount\r\n */\n\n\nfunction move(amount) {\n  document.documentElement.scrollTop = amount;\n  document.body.parentNode.scrollTop = amount;\n  document.body.scrollTop = amount;\n}\n\nfunction position() {\n  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop;\n}\n/**\r\n * @param {number} to\r\n * @param {number} duration\r\n * @param {Function} callback\r\n */\n\n\nexport function scrollTo(to, duration, callback) {\n  var start = position();\n  var change = to - start;\n  var increment = 20;\n  var currentTime = 0;\n  duration = typeof duration === 'undefined' ? 500 : duration;\n\n  var animateScroll = function animateScroll() {\n    // increment the time\n    currentTime += increment; // find the value with the quadratic in-out easing function\n\n    var val = Math.easeInOutQuad(currentTime, start, change, duration); // move the document.body\n\n    move(val); // do the animation unless its over\n\n    if (currentTime < duration) {\n      requestAnimFrame(animateScroll);\n    } else {\n      if (callback && typeof callback === 'function') {\n        // the animation is done so lets callback\n        callback();\n      }\n    }\n  };\n\n  animateScroll();\n}",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/utils/scroll-to.js"],"names":["Math","easeInOutQuad","t","b","c","d","requestAnimFrame","window","requestAnimationFrame","webkitRequestAnimationFrame","mozRequestAnimationFrame","callback","setTimeout","move","amount","document","documentElement","scrollTop","body","parentNode","position","scrollTo","to","duration","start","change","increment","currentTime","animateScroll","val"],"mappings":"AAAAA,IAAI,CAACC,aAAL,GAAqB,UAASC,CAAT,EAAYC,CAAZ,EAAeC,CAAf,EAAkBC,CAAlB,EAAqB;AACxCH,EAAAA,CAAC,IAAIG,CAAC,GAAG,CAAT;;AACA,MAAIH,CAAC,GAAG,CAAR,EAAW;AACT,WAAOE,CAAC,GAAG,CAAJ,GAAQF,CAAR,GAAYA,CAAZ,GAAgBC,CAAvB;AACD;;AACDD,EAAAA,CAAC;AACD,SAAO,CAACE,CAAD,GAAK,CAAL,IAAUF,CAAC,IAAIA,CAAC,GAAG,CAAR,CAAD,GAAc,CAAxB,IAA6BC,CAApC;AACD,CAPD,C,CASA;;;AACA,IAAIG,gBAAgB,GAAI,YAAW;AACjC,SAAOC,MAAM,CAACC,qBAAP,IAAgCD,MAAM,CAACE,2BAAvC,IAAsEF,MAAM,CAACG,wBAA7E,IAAyG,UAASC,QAAT,EAAmB;AAAEJ,IAAAA,MAAM,CAACK,UAAP,CAAkBD,QAAlB,EAA4B,OAAO,EAAnC;AAAwC,GAA7K;AACD,CAFsB,EAAvB;AAIA;;;;;;AAIA,SAASE,IAAT,CAAcC,MAAd,EAAsB;AACpBC,EAAAA,QAAQ,CAACC,eAAT,CAAyBC,SAAzB,GAAqCH,MAArC;AACAC,EAAAA,QAAQ,CAACG,IAAT,CAAcC,UAAd,CAAyBF,SAAzB,GAAqCH,MAArC;AACAC,EAAAA,QAAQ,CAACG,IAAT,CAAcD,SAAd,GAA0BH,MAA1B;AACD;;AAED,SAASM,QAAT,GAAoB;AAClB,SAAOL,QAAQ,CAACC,eAAT,CAAyBC,SAAzB,IAAsCF,QAAQ,CAACG,IAAT,CAAcC,UAAd,CAAyBF,SAA/D,IAA4EF,QAAQ,CAACG,IAAT,CAAcD,SAAjG;AACD;AAED;;;;;;;AAKA,OAAO,SAASI,QAAT,CAAkBC,EAAlB,EAAsBC,QAAtB,EAAgCZ,QAAhC,EAA0C;AAC/C,MAAMa,KAAK,GAAGJ,QAAQ,EAAtB;AACA,MAAMK,MAAM,GAAGH,EAAE,GAAGE,KAApB;AACA,MAAME,SAAS,GAAG,EAAlB;AACA,MAAIC,WAAW,GAAG,CAAlB;AACAJ,EAAAA,QAAQ,GAAI,OAAQA,QAAR,KAAsB,WAAvB,GAAsC,GAAtC,GAA4CA,QAAvD;;AACA,MAAIK,aAAa,GAAG,SAAhBA,aAAgB,GAAW;AAC7B;AACAD,IAAAA,WAAW,IAAID,SAAf,CAF6B,CAG7B;;AACA,QAAIG,GAAG,GAAG7B,IAAI,CAACC,aAAL,CAAmB0B,WAAnB,EAAgCH,KAAhC,EAAuCC,MAAvC,EAA+CF,QAA/C,CAAV,CAJ6B,CAK7B;;AACAV,IAAAA,IAAI,CAACgB,GAAD,CAAJ,CAN6B,CAO7B;;AACA,QAAIF,WAAW,GAAGJ,QAAlB,EAA4B;AAC1BjB,MAAAA,gBAAgB,CAACsB,aAAD,CAAhB;AACD,KAFD,MAEO;AACL,UAAIjB,QAAQ,IAAI,OAAQA,QAAR,KAAsB,UAAtC,EAAkD;AAChD;AACAA,QAAAA,QAAQ;AACT;AACF;AACF,GAhBD;;AAiBAiB,EAAAA,aAAa;AACd","sourcesContent":["Math.easeInOutQuad = function(t, b, c, d) {\r\n  t /= d / 2\r\n  if (t < 1) {\r\n    return c / 2 * t * t + b\r\n  }\r\n  t--\r\n  return -c / 2 * (t * (t - 2) - 1) + b\r\n}\r\n\r\n// requestAnimationFrame for Smart Animating http://goo.gl/sx5sts\r\nvar requestAnimFrame = (function() {\r\n  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 60) }\r\n})()\r\n\r\n/**\r\n * Because it's so fucking difficult to detect the scrolling element, just move them all\r\n * @param {number} amount\r\n */\r\nfunction move(amount) {\r\n  document.documentElement.scrollTop = amount\r\n  document.body.parentNode.scrollTop = amount\r\n  document.body.scrollTop = amount\r\n}\r\n\r\nfunction position() {\r\n  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop\r\n}\r\n\r\n/**\r\n * @param {number} to\r\n * @param {number} duration\r\n * @param {Function} callback\r\n */\r\nexport function scrollTo(to, duration, callback) {\r\n  const start = position()\r\n  const change = to - start\r\n  const increment = 20\r\n  let currentTime = 0\r\n  duration = (typeof (duration) === 'undefined') ? 500 : duration\r\n  var animateScroll = function() {\r\n    // increment the time\r\n    currentTime += increment\r\n    // find the value with the quadratic in-out easing function\r\n    var val = Math.easeInOutQuad(currentTime, start, change, duration)\r\n    // move the document.body\r\n    move(val)\r\n    // do the animation unless its over\r\n    if (currentTime < duration) {\r\n      requestAnimFrame(animateScroll)\r\n    } else {\r\n      if (callback && typeof (callback) === 'function') {\r\n        // the animation is done so lets callback\r\n        callback()\r\n      }\r\n    }\r\n  }\r\n  animateScroll()\r\n}\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/9e921fb4e85d8c84d9cb996e6f59f18d.json b/node_modules/.cache/babel-loader/9e921fb4e85d8c84d9cb996e6f59f18d.json
index 8525fca6..f800ed86 100644
--- a/node_modules/.cache/babel-loader/9e921fb4e85d8c84d9cb996e6f59f18d.json
+++ b/node_modules/.cache/babel-loader/9e921fb4e85d8c84d9cb996e6f59f18d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport delayChart from \"../../components/target/delayChart.vue\";\nimport speedChart from \"../../components/target/speedChart.vue\";\nimport flowChart from \"../../components/target/flowChart.vue\";\nimport headWayChart from \"../../components/target/headWayChart.vue\";\nimport checkChart from \"../../components/target/checkChart.vue\";\nimport lineUpChart from \"../../components/target/lineUpChart.vue\";\nimport congestionChart from \"../../components/target/congestionChart.vue\";\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport OD from \"../../components/target/OD.vue\";\nexport default {\n  components: {\n    delayChart: delayChart,\n    speedChart: speedChart,\n    flowChart: flowChart,\n    headWayChart: headWayChart,\n    checkChart: checkChart,\n    lineUpChart: lineUpChart,\n    congestionChart: congestionChart,\n    typeChart: typeChart,\n    OD: OD\n  },\n  props: {\n    activeName: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      title1: '01断面',\n      title2: '01区域',\n      dialogVisible: false,\n      // sectionShow: false,\n      // regionShow: false,\n      count1: false,\n      count2: false\n    };\n  },\n  created: function created() {},\n  methods: {\n    // 区域点击事件\n    regionHandle: function regionHandle() {\n      this.count1 = !this.count1;\n\n      if (this.count1 == false) {\n        this.$refs.region.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count1 == true) {\n        this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    },\n    // 断面点击事件\n    sectionHandle: function sectionHandle() {\n      this.count2 = !this.count2;\n\n      if (this.count2 == false) {\n        this.$refs.section.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count2 == true) {\n        this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,OAAA,UAAA;AACA,OAAA,UAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,UAAA;AACA,OAAA,WAAA;AACA,OAAA,eAAA;AACA,OAAA,SAAA;AACA,OAAA,EAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,UAAA,EAAA,UADA;AAEA,IAAA,UAAA,EAAA,UAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,UAAA,EAAA,UALA;AAMA,IAAA,WAAA,EAAA,WANA;AAOA,IAAA,eAAA,EAAA,eAPA;AAQA,IAAA,SAAA,EAAA,SARA;AASA,IAAA,EAAA,EAAA;AATA,GADA;AAYA,EAAA,KAAA,EAAA;AACA,IAAA,UAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AADA,GAZA;AAiBA,EAAA,IAjBA,kBAiBA;AACA,WAAA;AACA,MAAA,MAAA,EAAA,MADA;AAEA,MAAA,MAAA,EAAA,MAFA;AAGA,MAAA,aAAA,EAAA,KAHA;AAKA;AACA;AAEA,MAAA,MAAA,EAAA,KARA;AASA,MAAA,MAAA,EAAA;AATA,KAAA;AAWA,GA7BA;AA8BA,EAAA,OA9BA,qBA8BA,CAAA,CA9BA;AA+BA,EAAA,OAAA,EAAA;AACA;AACA,IAAA,YAFA,0BAEA;AACA,WAAA,MAAA,GAAA,CAAA,KAAA,MAAA;;AAEA,UAAA,KAAA,MAAA,IAAA,KAAA,EAAA;AACA,aAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,OAAA;AACA,OAHA,MAGA,IAAA,KAAA,MAAA,IAAA,IAAA,EAAA;AACA,aAAA,KAAA,CAAA,MAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,KAAA,CAAA,aAAA,CAAA,YAAA,GAAA,EAAA,GAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,MAAA;AACA;AACA,KAZA;AAaA;AACA,IAAA,aAdA,2BAcA;AACA,WAAA,MAAA,GAAA,CAAA,KAAA,MAAA;;AACA,UAAA,KAAA,MAAA,IAAA,KAAA,EAAA;AACA,aAAA,KAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,OAAA;AACA,OAHA,MAGA,IAAA,KAAA,MAAA,IAAA,IAAA,EAAA;AACA,aAAA,KAAA,CAAA,OAAA,CAAA,KAAA,CAAA,MAAA,GAAA,KAAA,KAAA,CAAA,cAAA,CAAA,YAAA,GAAA,EAAA,GAAA,IAAA;AACA,aAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,GAAA,MAAA;AACA;AACA;AAvBA,GA/BA;AAwDA,EAAA,OAxDA,qBAwDA,CAAA;AAxDA,CAAA","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2==true?'upActive':'active'\"  @click=\"sectionHandle()\" ></span>\r\n                        </div>\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\"/>\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1==true?'upActive':'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\"/>\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        \r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue'\r\nimport OD from '../../components/target/OD.vue'\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n    \r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active{\r\n  transition:  all .5s linear;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport delayChart from \"../../components/target/delayChart.vue\";\nimport speedChart from \"../../components/target/speedChart.vue\";\nimport flowChart from \"../../components/target/flowChart.vue\";\nimport headWayChart from \"../../components/target/headWayChart.vue\";\nimport checkChart from \"../../components/target/checkChart.vue\";\nimport lineUpChart from \"../../components/target/lineUpChart.vue\";\nimport congestionChart from \"../../components/target/congestionChart.vue\";\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport OD from \"../../components/target/OD.vue\";\nexport default {\n  components: {\n    delayChart: delayChart,\n    speedChart: speedChart,\n    flowChart: flowChart,\n    headWayChart: headWayChart,\n    checkChart: checkChart,\n    lineUpChart: lineUpChart,\n    congestionChart: congestionChart,\n    typeChart: typeChart,\n    OD: OD\n  },\n  props: {\n    activeName: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      title1: '01断面',\n      title2: '01区域',\n      dialogVisible: false,\n      // 触发数据断面与区域相同\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 19\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 10.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 2.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 11.5\n      }],\n      // 断面的周期统计\n      sectionList: [{\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 30\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 40\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 50\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 77\n      }],\n      // 区域的周期时刻\n      regionList1: [{\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        frame: 1000,\n        type: 'car',\n        n_stay: 3,\n        n_queue: 2,\n        occ: 1,\n        speed: 2.6\n      }],\n      // 区域的周期统计\n      regionList2: [{\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 16.7,\n        ave_speed: 2.6\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 16.7,\n        ave_speed: 2.6\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 16.7,\n        ave_speed: 2.6\n      }],\n      // sectionShow: false,\n      // regionShow: false,\n      count1: false,\n      count2: false\n    };\n  },\n  created: function created() {},\n  methods: {\n    // 区域点击事件\n    regionHandle: function regionHandle() {\n      this.count1 = !this.count1;\n\n      if (this.count1 == false) {\n        this.$refs.region.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count1 == true) {\n        this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    },\n    // 断面点击事件\n    sectionHandle: function sectionHandle() {\n      this.count2 = !this.count2;\n\n      if (this.count2 == false) {\n        this.$refs.section.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count2 == true) {\n        this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/a6a1d5f1cca3c744b6e873cd60fc7910.json b/node_modules/.cache/babel-loader/a6a1d5f1cca3c744b6e873cd60fc7910.json
new file mode 100644
index 00000000..f14005b8
--- /dev/null
+++ b/node_modules/.cache/babel-loader/a6a1d5f1cca3c744b6e873cd60fc7910.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      form: {\n        name1: 'ParkingDetrctionCA',\n        name2: 'loc.rcesystems.cz',\n        startTime: '2019-12-02 22::17:47',\n        endTime: '2033-08-10 22::17:47',\n        blacklist: '否',\n        autograph: '否',\n        version: '3'\n      },\n      showUpdateCertificate: false\n    };\n  }\n};",{"version":3,"sources":["InterfaceServerCertificates.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,KAAA,EAAA,oBADA;AAEA,QAAA,KAAA,EAAA,mBAFA;AAGA,QAAA,SAAA,EAAA,sBAHA;AAIA,QAAA,OAAA,EAAA,sBAJA;AAKA,QAAA,SAAA,EAAA,GALA;AAMA,QAAA,SAAA,EAAA,GANA;AAOA,QAAA,OAAA,EAAA;AAPA,OADA;AAUA,MAAA,qBAAA,EAAA;AAVA,KAAA;AAYA;AAdA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">用于REAST API的ssl web服务器证书</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"证书颁发者名称：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书使用者名称：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书有效时间：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书到期时间：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书被列入黑名单：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"自签名证书：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书版本：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: 'ParkingDetrctionCA',\r\n        name2: 'loc.rcesystems.cz',\r\n        startTime: '2019-12-02 22::17:47',\r\n        endTime: '2033-08-10 22::17:47',\r\n        blacklist: '否',\r\n        autograph: '否',\r\n        version: '3',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n.el-col-6{\r\n  padding-top: 0;\r\n  padding-left: 0;\r\n  line-height: 32px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/a715561dcbca8e48e9ef6f0d7d4caa9f.json b/node_modules/.cache/babel-loader/a715561dcbca8e48e9ef6f0d7d4caa9f.json
new file mode 100644
index 00000000..8a8c36f0
--- /dev/null
+++ b/node_modules/.cache/babel-loader/a715561dcbca8e48e9ef6f0d7d4caa9f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from \"mqtt\"; // mqtt协议\n\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    return {\n      trajectory: false,\n      //轨迹\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      speedForm: {\n        name: '',\n        timeModel: 'touch',\n        touchType: '实时（触发）',\n        num: '',\n        time: '',\n        date: '',\n        type: []\n      },\n      trackForm: {\n        name: \"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      statusInfo: [{\n        count: 15,\n        name: \"穿梭车在线数量\",\n        //   icon: require(\"../assets/images/运行设备图标.png\"),\n        color: \"#01A8FC\"\n      }, {\n        count: 26,\n        name: \"任务数量\",\n        //   icon: require(\"../assets/images/故障设备图标.png\"),\n        color: \"#FDA401\"\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      carInfo: [],\n      //小车信息\n      carName: '',\n      palletizerInfo: [],\n      //码垛机信息\n      palletizerName: '',\n      destackerInfo: [],\n      //拆垛机信息\n      destackerName: '',\n      hoistInfo: [],\n      //提升机信息’\n      hoistName: '',\n      battaryStationInfo: [],\n      //快换电池装置\n      battaryStationName: \"\",\n      conveyorInfo: [],\n      //输送机信息\n      conveyorName: \"\",\n      activeName: \"first\"\n    };\n  },\n  mounted: function mounted() {// this.getMessage();\n    // 消息提醒\n    // getfacKeepRecord({ type: 0 }).then((res) => {\n    //   this.messageInfo = this.messageInfo.concat(res.data);\n    //   console.log(this.messageInfo, \",,qweqw\");\n    //   // this.messageInfo.push(res.data[1]) \n    // });\n    // this.getDataByMqtt()\n    // this.getstatus();\n    // this.getInhouse();\n    // this.getOuthouse();\n    // this.handleWather();\n    // this.getDeviceStatusData()\n  },\n  created: function created() {\n    this.testMqtt();\n  },\n  methods: {\n    // handleClick(tab, event) {\n    //     console.log(tab, event);\n    //   },\n    // 测试：mqtt测试\n    testMqtt: function testMqtt() {\n      this.getDataByMqtt(); // 小车订阅\n      //   for (let key in this.carId) {\n      //     this.getDataByMqtt(\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Car\" + key,\n      //       this.carId[key]\n      //     );\n      //   }\n      //   //输送机入库订阅\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\n      //       this.convoyorCIdGroup[i]\n      //     );\n      //   }\n      //   //输送机出库订阅\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\n      //       this.outConvoyorCIdGroup[i]\n      //     );\n      //   }\n      //   for (let key in this.BattaryArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"Battary_Sation\" + key,\n      //       this.BattaryArr[key]\n      //     );\n      //   }\n      //   // 升降机订阅elvArr\n      //   for (let key in this.elvArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"ELV\" + key,\n      //       this.elvArr[key]\n      //     );\n      //   }\n      //   // 拆码跺机订阅\n      //   for (let key in this.stampArr) {\n      //     this.getDataByMqtt(\n      //       \"ws:220.163.114.157:8083/mqtt\",\n      //       \"INCMD\" + key,\n      //       this.stampArr[key]\n      //     );\n      //   }\n    },\n    onSubmit: function onSubmit() {},\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    // mqtt订阅（独立）\n    getDataByMqtt: function getDataByMqtt(url, topic, cIdNum) {\n      var _this = this;\n\n      var clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n      var host = 'ws://172.16.1.168:10087/';\n      var options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60,\n        // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',\n        // 用户名（可选）\n        password: '123456',\n        // 密码（可选）\n        clientId: clientId,\n        // 客户端ID，默认随机生成\n        protocolId: \"MQTT\",\n        protocolVersion: 4,\n        clean: true,\n        // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000,\n        // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000,\n        // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: \"img1\",\n          // 要发布的主题\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\",\n          // 要发布的消息\n          qos: 0,\n          // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false // 保留标志\n\n        }\n      };\n\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n\n        this.mqttClient.on(\"error\", function (err) {\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\n\n          _this.mqttClient.end();\n        }); // 重连回调\n\n        this.mqttClient.on(\"reconnect\", function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        }); // 连接回调\n\n        this.mqttClient.on(\"connect\", function (connect) {\n          //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          _this.mqttClient.subscribe('img0', {\n            qos: 0\n          }); //    this.client.connect('aaa', '111')\n\n\n          _this.mqttClient.publish('aaa', '111'); //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\n\n\n          _this.mqttClient.subscribe('img1', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img2', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img3', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img4', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('img5', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream0', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream1', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream2', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream3', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream4', {\n            qos: 0\n          });\n\n          _this.mqttClient.subscribe('stream5', {\n            qos: 0\n          });\n        }); // 接收回调\n\n        this.mqttClient.on(\"message\", function (topic, message, packet) {\n          if (topic.indexOf(\"img0\") != -1) {\n            try {\n              var utf8decoder = new TextDecoder();\n              var u8arr = new Uint8Array(message);\n              var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n              var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              //   debugger\n              //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n              // console.log(\"1111\",document.getElementById(\"mapModule\"))\n\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg)); //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n              //   console.log(\"imageUrl\", imageUrl)\n            } catch (_unused) {\n              var imageType = 'arraybuffer';\n              var blob = new Blob([message], {\n                type: imageType\n              });\n\n              var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob); //   console.log(\"imageUrl\", imageUrl)\n\n            }\n          } else if (topic.indexOf(\"img1\") != -1) {\n            try {\n              var _utf8decoder = new TextDecoder();\n\n              var _u8arr = new Uint8Array(message);\n\n              var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n              var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n              //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n\n\n              _this.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused2) {\n              var _imageType = 'arraybuffer';\n\n              var _blob = new Blob([message], {\n                type: _imageType\n              });\n\n              var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n              console.log(\"imageUrl\", _imageUrl2);\n            }\n          } else if (topic.indexOf(\"img2\") != -1) {\n            try {\n              var _utf8decoder2 = new TextDecoder();\n\n              var _u8arr2 = new Uint8Array(message);\n\n              var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n              var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg2); //msg为转换后的JSON数据\n\n              _this.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused3) {\n              var _imageType2 = 'arraybuffer';\n\n              var _blob2 = new Blob([message], {\n                type: _imageType2\n              });\n\n              var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n              console.log(\"imageUrl\", _imageUrl3);\n            }\n          } else if (topic.indexOf(\"img3\") != -1) {\n            try {\n              var _utf8decoder3 = new TextDecoder();\n\n              var _u8arr3 = new Uint8Array(message);\n\n              var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n              var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg3); //msg为转换后的JSON数据\n\n              _this.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused4) {\n              var _imageType3 = 'arraybuffer';\n\n              var _blob3 = new Blob([message], {\n                type: _imageType3\n              });\n\n              var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n              console.log(\"imageUrl\", _imageUrl4);\n            }\n          } else if (topic.indexOf(\"img4\") != -1) {\n            try {\n              var _utf8decoder4 = new TextDecoder();\n\n              var _u8arr4 = new Uint8Array(message);\n\n              var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n              var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg4); //msg为转换后的JSON数据\n\n              _this.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused5) {\n              var _imageType4 = 'arraybuffer';\n\n              var _blob4 = new Blob([message], {\n                type: _imageType4\n              });\n\n              var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n              console.log(\"imageUrl\", _imageUrl5);\n            }\n          } else if (topic.indexOf(\"img5\") != -1) {\n            try {\n              var _utf8decoder5 = new TextDecoder();\n\n              var _u8arr5 = new Uint8Array(message);\n\n              var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n              var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log(\"msg\", _msg5); //msg为转换后的JSON数据\n\n              _this.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n              console.log(\"imageUrl\", imageUrl);\n            } catch (_unused6) {\n              var _imageType5 = 'arraybuffer';\n\n              var _blob5 = new Blob([message], {\n                type: _imageType5\n              });\n\n              var _imageUrl6 = (window.URL || window.webkitURL).createObjectURL(_blob5);\n\n              console.log(\"imageUrl\", _imageUrl6);\n            }\n          } else if (topic.indexOf(\"stream0\") != -1) {\n            var _utf8decoder6 = new TextDecoder();\n\n            var _u8arr6 = new Uint8Array(message);\n\n            var _temp6 = _utf8decoder6.decode(_u8arr6); // 将二进制数据转为字符串\n\n\n            var _msg6 = JSON.parse(_temp6);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg6));\n          } else if (topic.indexOf(\"stream1\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream2\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream3\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream4\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf(\"stream5\") != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          }\n        });\n      }\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this2 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this2.weatherItem = res.data.lives[0];\n        console.log(_this2.weatherItem, 'asdsads');\n      });\n    },\n    Onweather: function Onweather(name) {//   switch (name) {\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\n      // \t\t\t\tcase \"阴\":\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\n      // \t\t\t\tcase \"暴雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\n      // \t\t\t\tcase \"冰雹\":\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\n      // \t\t\t\tcase \"大风\":\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\n      // \t\t\t\tcase \"大雪\":\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\n      // \t\t\t\tcase \"大雨\":\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\n      // \t\t\t\tcase \"雷电\":\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\n      // \t\t\t\tcase \"雷阵雨\":\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\n      // \t\t\t\tcase \"沙尘暴\":\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\n      // \t\t\t\tcase \"晴\":\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\n      // \t\t\t\tcase \"雾霾\":\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\n      // \t\t\t\tcase \"小雪\":\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\n      // \t\t\t\tcase \"小雨\":\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\n      // \t\t\t\tcase \"雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\n      // \t\t\t\tcase \"多云\":\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\n      // \t\t\t\tcase \"雨夹雪\":\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\n      // \t\t\t\tcase \"月亮\":\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\n      // \t\t\t\tcase \"中雪\":\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\n      // \t\t\t\tcase \"中雨\":\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\n      // \t\t\t}\n    },\n    //隐藏箱子\n    hideBox: function hideBox() {\n      this.$refs.htModels.handleFirstBox();\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs v-model=\"activeName\" type=\"border-card\" >\r\n        <el-tab-pane label=\"xx路口\" name=\"first\">\r\n            <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n          </div> -->\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <!-- <el-form-item label=\"实时性\">\r\n    <el-radio-group v-model=\"form.resource\">\r\n      <el-radio label=\"实时（触发）\"></el-radio>\r\n      <el-radio label=\"间隔\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item> -->\r\n          <el-form-item label=\"断面名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\">\r\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"car\"></el-option>\r\n              <el-option label=\"方向\" value=\"bus\"></el-option>\r\n              <el-option label=\"双向\" value=\"kache\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\r\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\r\n          <el-form-item label=\"区域名称\">\r\n            <el-input v-model=\"areaComponentform.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\r\n        <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\r\n          <el-form-item label=\"轨迹名称：\">\r\n            <el-input v-model=\"trackForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\r\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\r\n          <el-form-item label=\"速度组件名称：\">\r\n            <el-input v-model=\"speedForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\">\r\n            <el-input v-model=\"speedForm.num\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"speedForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item>\r\n        <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\r\n          <el-slider v-model=\"speedForm.time\" show-input>\r\n            </el-slider>\r\n        </el-form-item>\r\n        <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\r\n           <el-date-picker\r\n       v-model=\"speedForm.date\"\r\n      type=\"datetimerange\"\r\n      range-separator=\"至\"\r\n      start-placeholder=\"开始日期\"\r\n      end-placeholder=\"结束日期\">\r\n    </el-date-picker>\r\n        </el-form-item>\r\n          <el-form-item label=\"展现形式：\">\r\n            <el-checkbox-group v-model=\"speedForm.type\">\r\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      \r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      form: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      speedForm: {\r\n        name: '',\r\n        timeModel:'touch',\r\n        touchType:'实时（触发）',\r\n        num:'',\r\n        time:'',\r\n        date: '',\r\n        type: [],\r\n      },\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      carInfo: [], //小车信息\r\n      carName: '',\r\n      palletizerInfo: [], //码垛机信息\r\n      palletizerName: '',\r\n      destackerInfo: [], //拆垛机信息\r\n      destackerName: '',\r\n      hoistInfo: [], //提升机信息’\r\n      hoistName: '',\r\n      battaryStationInfo: [],//快换电池装置\r\n      battaryStationName: \"\",\r\n      conveyorInfo: [], //输送机信息\r\n      conveyorName: \"\",\r\n\r\n\r\n      activeName:\"first\"\r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n  created() {\r\n    this.testMqtt()\r\n\r\n  },\r\n  methods: {\r\n\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n    // 测试：mqtt测试\r\n    testMqtt() {\r\n      this.getDataByMqtt()\r\n      // 小车订阅\r\n      //   for (let key in this.carId) {\r\n      //     this.getDataByMqtt(\r\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Car\" + key,\r\n      //       this.carId[key]\r\n      //     );\r\n      //   }\r\n      //   //输送机入库订阅\r\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n      //       this.convoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   //输送机出库订阅\r\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n      //       this.outConvoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   for (let key in this.BattaryArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Battary_Sation\" + key,\r\n      //       this.BattaryArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 升降机订阅elvArr\r\n      //   for (let key in this.elvArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"ELV\" + key,\r\n      //       this.elvArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 拆码跺机订阅\r\n      //   for (let key in this.stampArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"INCMD\" + key,\r\n      //       this.stampArr[key]\r\n      //     );\r\n      //   }\r\n    },\r\n    onSubmit() { },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n    // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n       \r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n        //    this.client.connect('aaa', '111')\r\n          this.mqttClient.publish('aaa', '111');\r\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n          \r\n        });\r\n         \r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n             \r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n    Onweather(name) {\r\n      //   switch (name) {\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n      // \t\t\t\tcase \"阴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n      // \t\t\t\tcase \"暴雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n      // \t\t\t\tcase \"冰雹\":\r\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n      // \t\t\t\tcase \"大风\":\r\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n      // \t\t\t\tcase \"大雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n      // \t\t\t\tcase \"大雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n      // \t\t\t\tcase \"雷电\":\r\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n      // \t\t\t\tcase \"雷阵雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n      // \t\t\t\tcase \"沙尘暴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n      // \t\t\t\tcase \"晴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n      // \t\t\t\tcase \"雾霾\":\r\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n      // \t\t\t\tcase \"小雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n      // \t\t\t\tcase \"小雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n      // \t\t\t\tcase \"雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\r\n      // \t\t\t\tcase \"雨夹雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n      // \t\t\t\tcase \"月亮\":\r\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n      // \t\t\t\tcase \"中雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n      // \t\t\t\tcase \"中雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n      // \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox() {\r\n      this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/a89486bfc38c3bf69139ba1d8f2db831.json b/node_modules/.cache/babel-loader/a89486bfc38c3bf69139ba1d8f2db831.json
new file mode 100644
index 00000000..12f0608f
--- /dev/null
+++ b/node_modules/.cache/babel-loader/a89486bfc38c3bf69139ba1d8f2db831.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue","mtime":1673318357048},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'congestionChart',\n  //拥堵组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  拥堵组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/aa9f7b8164ca9cb6c7c940463cea610e.json b/node_modules/.cache/babel-loader/aa9f7b8164ca9cb6c7c940463cea610e.json
new file mode 100644
index 00000000..0d6b52dc
--- /dev/null
+++ b/node_modules/.cache/babel-loader/aa9f7b8164ca9cb6c7c940463cea610e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'NavMenu',\n  //使用递归组件必须要有\n  props: ['navMenus'],\n  // 传入子组件的数据\n  data: function data() {\n    return {};\n  },\n  computed: {\n    toIndex: function toIndex() {\n      // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\n      return this.$route.path.split('/')[2];\n    }\n  },\n  methods: {\n    handleSelect: function handleSelect(key, keyPath) {\n      console.log('1212');\n      console.log(key, keyPath);\n    }\n  }\n};",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,eAAA;AACA,EAAA,IAAA,EAAA,SADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,CAFA;AAEA;AACA,EAAA,IAHA,kBAGA;AACA,WAAA,EAAA;AACA,GALA;AAMA,EAAA,QAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;AACA,aAAA,KAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,CAAA;AACA;AAHA,GANA;AAWA,EAAA,OAAA,EAAA;AACA,IAAA,YADA,wBACA,GADA,EACA,OADA,EACA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,MAAA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,OAAA;AACA;AAJA;AAXA,CAAA","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        \r\n         <el-menu\r\n          router\r\n          :default-active=\"$route.path\"\r\n          class=\"el-menu-vertical-demo\"\r\n          text-color=\"#fff\"\r\n          active-text-color=\"#ffd04b\">\r\n           <label v-for=\"navMenu in navMenus\">\r\n            <!--只有一级菜单-->\r\n            <el-menu-item v-if=\"!navMenu.children\"\r\n                          :index=\"navMenu.path\"\r\n                          :route=\"navMenu.path\"\r\n            >\r\n                <!--图标-->\r\n                <i :class=\"navMenu.icon\"></i>\r\n                <!--标题-->\r\n                <span slot=\"title\">{{navMenu.title}}</span>\r\n            </el-menu-item>\r\n            <!--有多级菜单-->\r\n            <el-submenu v-if=\"navMenu.children\"\r\n                        :key=\"navMenu.path\"\r\n                        :index=\"navMenu.path\"\r\n            >\r\n                <template slot=\"title\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span> {{navMenu.title}}</span>\r\n                </template>\r\n                <!--递归组件，把遍历的值传回子组件，完成递归调用-->\r\n                <nav-menu :navMenus=\"navMenu.children\"></nav-menu>\r\n            </el-submenu>\r\n        </label>\r\n       </el-menu>\r\n       \r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'NavMenu', //使用递归组件必须要有\r\n        props: ['navMenus'], // 传入子组件的数据\r\n        data() {\r\n            return {}\r\n        },\r\n        computed: {\r\n    toIndex(){  // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n      return this.$route.path.split('/')[2];\r\n    }\r\n  },\r\n        methods: {\r\n            handleSelect(key,keyPath){\r\n                console.log('1212')\r\n                console.log(key,keyPath)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n}\r\n.sidebar {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 70px;\r\n  bottom: 0;\r\n  overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n  width: 0;\r\n}\r\n.sidebar-el-menu {\r\n  width: 250px;\r\n}\r\n.sidebar > ul {\r\n  height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item{\r\n  font-size: 14px !important;\r\n  padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n  color: white !important;\r\n  background: #3989fa !important;\r\n}\r\n.el-menu-item, .el-submenu__title {\r\n  height: 50px !important;\r\n  line-height: 50px !important;\r\n}\r\n.navMenu{\r\n    background: url('../../assets/img/leftBg.png'); \r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu{\r\n    background: url('../../assets/img/leftBg.png');\r\n   background-size: 100%;\r\n   /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important; \r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"],"sourceRoot":"src/components/sidemenu"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ab048898ca5e8b0c6353f0a7f69acb36.json b/node_modules/.cache/babel-loader/ab048898ca5e8b0c6353f0a7f69acb36.json
new file mode 100644
index 00000000..e621aedf
--- /dev/null
+++ b/node_modules/.cache/babel-loader/ab048898ca5e8b0c6353f0a7f69acb36.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'flowChart',\n  //流量组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  data: function data() {\n    return {\n      title: '流量组件',\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/abad7b2a8f419a9f6523c4e0663d252f.json b/node_modules/.cache/babel-loader/abad7b2a8f419a9f6523c4e0663d252f.json
new file mode 100644
index 00000000..3488a740
--- /dev/null
+++ b/node_modules/.cache/babel-loader/abad7b2a8f419a9f6523c4e0663d252f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      fileList: []\n    };\n  },\n  methods: {\n    handleagain: function handleagain() {\n      var _this = this;\n\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消'\n        });\n      });\n    },\n    handleReset: function handleReset() {\n      var _this2 = this;\n\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消重置'\n        });\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    }\n  }\n};",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,QAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,MAAA,EAAA,EAFA;AAGA,QAAA,KAAA,EAAA,EAHA;AAIA,QAAA,KAAA,EAAA,EAJA;AAKA,QAAA,QAAA,EAAA,KALA;AAMA,QAAA,IAAA,EAAA,EANA;AAOA,QAAA,QAAA,EAAA,EAPA;AAQA,QAAA,IAAA,EAAA;AARA,OADA;AAWA,MAAA,QAAA,EAAA;AAXA,KAAA;AAaA,GAfA;AAgBA,EAAA,OAAA,EAAA;AACA,IAAA,WADA,yBACA;AAAA;;AACA,WAAA,QAAA,CAAA,mBAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA,OAVA,EAWA,KAXA,CAWA,YAAA;AACA,QAAA,KAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAhBA;AAiBA,KAnBA;AAoBA,IAAA,WApBA,yBAoBA;AAAA;;AACA,WAAA,QAAA,CAAA,kBAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA,OAVA,EAWA,KAXA,CAWA,YAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAhBA;AAiBA,KAtCA;AAuCA,IAAA,YAvCA,wBAuCA,IAvCA,EAuCA,QAvCA,EAuCA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA,EAAA,QAAA;AACA,KAzCA;AA0CA,IAAA,aA1CA,yBA0CA,IA1CA,EA0CA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,IAAA;AACA,KA5CA;AA6CA,IAAA,YA7CA,wBA6CA,KA7CA,EA6CA,QA7CA,EA6CA;AACA,WAAA,QAAA,CAAA,OAAA,yGACA,KAAA,CAAA,MADA,+DACA,KAAA,CAAA,MAAA,GAAA,QAAA,CAAA,MADA;AAGA,KAjDA;AAkDA,IAAA,YAlDA,wBAkDA,IAlDA,EAkDA,QAlDA,EAkDA;AACA,aAAA,KAAA,QAAA,oCAAA,IAAA,CAAA,IAAA,YAAA;AACA;AApDA;AAhBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p>系统服务VPN</p>\r\n                <el-form-item label=\"状态：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>保护装置</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>开放VPN</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>资格证书</p>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"12\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n  /deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n/deep/ .el-button--small{\r\n    margin-left: 0 !important;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/general"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b2fae0bdf6818d95d00b2e40ebfd6e99.json b/node_modules/.cache/babel-loader/b2fae0bdf6818d95d00b2e40ebfd6e99.json
new file mode 100644
index 00000000..63e35ec0
--- /dev/null
+++ b/node_modules/.cache/babel-loader/b2fae0bdf6818d95d00b2e40ebfd6e99.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue","mtime":1673314902485},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  name: 'tableShow',\n  //表格组件\n  props: {\n    msg: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    type: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      dialogVisible: false,\n      startTime: '',\n      endTime: '',\n      checkList: ['复选框 A'],\n      options: [{\n        value: '选项1',\n        label: '黄金糕'\n      }, {\n        value: '选项2',\n        label: '双皮奶'\n      }, {\n        value: '选项3',\n        label: '蚵仔煎'\n      }, {\n        value: '选项4',\n        label: '龙须面'\n      }, {\n        value: '选项5',\n        label: '北京烤鸭'\n      }],\n      value: ''\n    };\n  },\n  methods: {\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'show') {\n        this.dialogVisible = true;\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,GAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA;AAOA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA;AADA;AAPA,GAFA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,aAAA,EAAA,KADA;AAEA,MAAA,SAAA,EAAA,EAFA;AAGA,MAAA,OAAA,EAAA,EAHA;AAIA,MAAA,SAAA,EAAA,CAAA,OAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CACA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OADA,EAKA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OALA,EASA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OATA,EAaA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAbA,EAiBA;AACA,QAAA,KAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAjBA,CALA;AA2BA,MAAA,KAAA,EAAA;AA3BA,KAAA;AA6BA,GA3CA;AA4CA,EAAA,OAAA,EAAA;AACA,IAAA,aADA,yBACA,OADA,EACA;AAAA;AACA,UAAA,OAAA,IAAA,MAAA,EAAA;AACA,aAAA,aAAA,GAAA,IAAA;AACA;AACA;AALA,GA5CA;AAoDA,EAAA,OApDA,qBAoDA,CAEA;AAtDA,CAAA","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n          \r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='type' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='plate' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        \r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"断面名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间序号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"入流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"出流平均速度\"></el-table-column>\r\n           \r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b5264513b9df86b5dedaac5f3682a2c7.json b/node_modules/.cache/babel-loader/b5264513b9df86b5dedaac5f3682a2c7.json
new file mode 100644
index 00000000..90f7f060
--- /dev/null
+++ b/node_modules/.cache/babel-loader/b5264513b9df86b5dedaac5f3682a2c7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      value: 25\n    };\n  }\n};",{"version":3,"sources":["test1-4.vue"],"names":[],"mappings":";;;;;;;;;;;;AAaA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA;AALA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 4 </p>\r\n    <div class=\"test-div\">\r\n      <span>自定义初始值 {{ value }}</span>\r\n      <el-slider v-model=\"value\" style=\"width:50%;\"></el-slider>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      value: 25\r\n    }\r\n  }\r\n}\r\n</script>"],"sourceRoot":"src/page/test1"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b57b0aec0534234d23514771a6950275.json b/node_modules/.cache/babel-loader/b57b0aec0534234d23514771a6950275.json
index 3b3ec26c..2493c0cc 100644
--- a/node_modules/.cache/babel-loader/b57b0aec0534234d23514771a6950275.json
+++ b/node_modules/.cache/babel-loader/b57b0aec0534234d23514771a6950275.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\router\\index.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\router\\index.js","mtime":1673232721956},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import Vue from 'vue';\nimport VueRouter from 'vue-router';\nVue.use(VueRouter);\nvar originalPush = VueRouter.prototype.push;\n\nVueRouter.prototype.push = function push(location) {\n  return originalPush.call(this, location).catch(function (err) {\n    return err;\n  });\n};\n\nexport default new VueRouter({\n  routes: [{\n    path: '/',\n    // 程序启动默认路由\n    component: function component() {\n      return import('@/components/common/Whole.vue');\n    },\n    meta: {\n      title: '整体页面布局'\n    },\n    redirect: '/test1',\n    // 重定向到首页\n    children: [// {\n    //   path: '/Home',\n    //   component: () => import('@/page/Home.vue'),\n    //   meta: { title: '首页' }\n    // },\n    {\n      path: '/test1',\n      component: function component() {\n        return import('@/page/test1/index.vue');\n      },\n      meta: {\n        title: '一级菜单1'\n      },\n      redirect: '/test1/AnalysisMain',\n      // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\n      children: [{\n        path: 'test1-1',\n        component: function component() {\n          return import('@/page/test1/test1-1.vue');\n        },\n        meta: {\n          title: '二级菜单1-1'\n        }\n      }, {\n        path: 'test1-2',\n        component: function component() {\n          return import('@/page/test1/test1-2.vue');\n        },\n        meta: {\n          title: '二级菜单1-2'\n        }\n      }, {\n        path: 'test1-3',\n        component: function component() {\n          return import('@/page/test1/test1-3.vue');\n        },\n        meta: {\n          title: '二级菜单1-3'\n        }\n      }, {\n        path: 'test1-4',\n        component: function component() {\n          return import('@/page/test1/test1-4.vue');\n        },\n        meta: {\n          title: '二级菜单1-4'\n        }\n      }, {\n        path: 'test1-5',\n        component: function component() {\n          return import('@/page/test1/test1-5.vue');\n        },\n        meta: {\n          title: '二级菜单1-5'\n        }\n      }, {\n        path: 'AnalysisMain',\n        meta: {\n          title: '分析',\n          icon: 'ac'\n        },\n        component: function component() {\n          return import('@/views/AnalysisMain.vue');\n        }\n      }, {\n        path: 'index',\n        meta: {\n          title: '分析'\n        },\n        component: function component() {\n          return import('@/views/index.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'StateOperation',\n        name: 'StateOperation',\n        meta: {\n          title: '运行状态'\n        },\n        component: function component() {\n          return import('@/views/StateOperation.vue');\n        }\n      }, {\n        path: 'interface',\n        name: 'interface',\n        meta: {\n          title: '接口'\n        },\n        component: function component() {\n          return import('@/views/interface.vue');\n        }\n      }, {\n        path: 'IPSetting',\n        name: 'IPSetting',\n        meta: {\n          title: 'IP设置'\n        },\n        component: function component() {\n          return import('@/views/IPSetting.vue');\n        }\n      }, {\n        path: 'globalSettings',\n        name: 'globalSettings',\n        meta: {\n          title: '全局设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/globalSettings.vue');\n        }\n      }, {\n        path: 'ExportingSettings',\n        name: 'ExportingSettings',\n        meta: {\n          title: '关于本机——导出设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ExportingSettings.vue');\n        }\n      }, {\n        path: 'ImportSettings',\n        name: 'ImportSettings',\n        meta: {\n          title: '关于本机——导入设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ImportSettings.vue');\n        }\n      }, {\n        path: 'InterfaceServerCertificates',\n        name: 'InterfaceServerCertificates',\n        meta: {\n          title: '接口与服务器证书'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/InterfaceServerCertificates.vue');\n        }\n      }, {\n        path: 'UDPServiceSettings',\n        name: 'UDPServiceSettings',\n        meta: {\n          title: 'UDP服务设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/UDPServiceSettings.vue');\n        }\n      }, {\n        path: 'myId',\n        name: 'myId',\n        meta: {\n          title: '我的账号'\n        },\n        component: function component() {\n          return import('@/views/myId.vue');\n        }\n      }, {\n        path: 'IdManagement',\n        name: 'IdManagement',\n        meta: {\n          title: '账号管理'\n        },\n        component: function component() {\n          return import('@/views/IdManagement.vue');\n        }\n      }, {\n        path: 'logs',\n        name: 'logs',\n        meta: {\n          title: '通知/日志'\n        },\n        component: function component() {\n          return import('@/views/logs.vue');\n        }\n      }]\n    }, {\n      path: '/test2',\n      component: function component() {\n        return import('@/page/test2/index.vue');\n      },\n      meta: {\n        title: '一级菜单2'\n      },\n      redirect: '/test2/test2-1',\n      // 该配置是若点击选择父目录时，默认选中该父目录下的子路径页面\n      children: [{\n        path: 'test2-1',\n        component: function component() {\n          return import('@/page/test2/test2-1.vue');\n        },\n        meta: {\n          title: '二级菜单2-1'\n        }\n      }, {\n        path: 'test2-2',\n        component: function component() {\n          return import('@/page/test2/test2-2.vue');\n        },\n        meta: {\n          title: '二级菜单2-2'\n        }\n      }, {\n        path: 'test2-3',\n        component: function component() {\n          return import('@/page/test2/test2-3.vue');\n        },\n        meta: {\n          title: '二级菜单2-3'\n        }\n      }]\n    }, {\n      path: '/test3',\n      component: function component() {\n        return import('@/page/test3/index.vue');\n      },\n      meta: {\n        title: '一级菜单3'\n      },\n      redirect: '/test3/test3-1',\n      children: [{\n        path: 'test3-1',\n        component: function component() {\n          return import('@/page/test3/test3-1.vue');\n        },\n        meta: {\n          title: '二级菜单3-1'\n        }\n      }, {\n        path: 'test3-2',\n        component: function component() {\n          return import('@/page/test3/test3-2.vue');\n        },\n        meta: {\n          title: '二级菜单3-2'\n        }\n      }]\n    }, {\n      path: '/i18n',\n      // 国际化组件\n      component: function component() {\n        return import('@/components/common/I18n.vue');\n      },\n      meta: {\n        title: '国际化'\n      }\n    }, {\n      path: '/permission',\n      // 权限页面\n      component: function component() {\n        return import('@/page/Permission.vue');\n      },\n      meta: {\n        title: '权限测试',\n        permission: true\n      }\n    }, {\n      path: '/404',\n      component: function component() {\n        return import('@/page/404.vue');\n      },\n      meta: {\n        title: '404'\n      }\n    }, {\n      path: '/403',\n      component: function component() {\n        return import('@/page/403.vue');\n      },\n      meta: {\n        title: '403'\n      }\n    }]\n  }, {\n    path: '/Login',\n    // 登录页面\n    component: function component() {\n      return import('@/page/Login.vue');\n    },\n    meta: {\n      title: '登录'\n    }\n  }, {\n    path: '*',\n    redirect: '/404'\n  }]\n});",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/router/index.js"],"names":["Vue","VueRouter","use","originalPush","prototype","push","location","call","catch","err","routes","path","component","meta","title","redirect","children","icon","name","permission"],"mappings":"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","sourcesContent":["import Vue from 'vue';\r\nimport VueRouter from 'vue-router';\r\n\r\nVue.use(VueRouter);\r\n\r\nconst originalPush = VueRouter.prototype.push;\r\nVueRouter.prototype.push = function push(location) {\r\n  return originalPush.call(this, location).catch(err => err);\r\n}\r\n\r\nexport default new VueRouter({\r\n  routes: [{\r\n      path: '/', // 程序启动默认路由\r\n      component: () => import('@/components/common/Whole.vue'),\r\n      meta: {\r\n        title: '整体页面布局'\r\n      },\r\n      redirect: '/test1', // 重定向到首页\r\n      children: [\r\n        // {\r\n        //   path: '/Home',\r\n        //   component: () => import('@/page/Home.vue'),\r\n        //   meta: { title: '首页' }\r\n        // },\r\n        {\r\n          path: '/test1',\r\n          component: () => import('@/page/test1/index.vue'),\r\n          meta: { title: '一级菜单1' },\r\n          redirect: '/test1/AnalysisMain',  // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\r\n          children:[\r\n            {\r\n              path: 'test1-1',\r\n              component: () => import('@/page/test1/test1-1.vue'),\r\n              meta: {\r\n                title: '二级菜单1-1'\r\n              },\r\n            },\r\n            {\r\n              path: 'test1-2',\r\n              component: () => import('@/page/test1/test1-2.vue'),\r\n              meta: {\r\n                title: '二级菜单1-2'\r\n              },\r\n            },\r\n            {\r\n              path: 'test1-3',\r\n              component: () => import('@/page/test1/test1-3.vue'),\r\n              meta: {\r\n                title: '二级菜单1-3'\r\n              },\r\n            },\r\n            {\r\n              path: 'test1-4',\r\n              component: () => import('@/page/test1/test1-4.vue'),\r\n              meta: {\r\n                title: '二级菜单1-4'\r\n              },\r\n            },\r\n            {\r\n              path: 'test1-5',\r\n              component: () => import('@/page/test1/test1-5.vue'),\r\n              meta: {\r\n                title: '二级菜单1-5'\r\n              },\r\n            },\r\n            {\r\n                path: 'AnalysisMain',\r\n                meta: { title: '分析' ,icon:'ac'},\r\n                component: () => import ('@/views/AnalysisMain.vue')\r\n              },\r\n            {\r\n                path: 'index',\r\n                meta: { title: '分析' },\r\n                component: () => import ('@/views/index.vue')\r\n              }, \r\n              {\r\n                path: 'AboutMachine',\r\n                name: 'AboutMachine',\r\n                meta: {\r\n                    title: '关于本机'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/AboutMachine.vue'),\r\n            }, {\r\n                path: 'network',\r\n                name: 'network',\r\n                meta: {\r\n                    title: '网络'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/network.vue'),\r\n            }, {\r\n                path: 'VPN',\r\n                name: 'VPN',\r\n                meta: {\r\n                    title: 'VPN'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/VPN.vue'),\r\n            }, {\r\n                path: 'CustomOperations',\r\n                name: 'CustomOperations',\r\n                meta: {\r\n                    title: '自定义操作'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/CustomOperations.vue'),\r\n            }, {\r\n                path: 'HealthCheck',\r\n                name: 'HealthCheck',\r\n                meta: {\r\n                    title: '健康检测'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/HealthCheck.vue'),\r\n            },\r\n            {\r\n              path: 'AboutMachine',\r\n              name: 'AboutMachine',\r\n              meta: {\r\n                title: '关于本机'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/AboutMachine.vue'),\r\n            }, {\r\n              path: 'network',\r\n              name: 'network',\r\n              meta: {\r\n                title: '网络'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/network.vue'),\r\n            }, {\r\n              path: 'VPN',\r\n              name: 'VPN',\r\n              meta: {\r\n                title: 'VPN'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/VPN.vue'),\r\n            }, {\r\n              path: 'CustomOperations',\r\n              name: 'CustomOperations',\r\n              meta: {\r\n                title: '自定义操作'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/CustomOperations.vue'),\r\n            }, {\r\n              path: 'HealthCheck',\r\n              name: 'HealthCheck',\r\n              meta: {\r\n                title: '健康检测'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/HealthCheck.vue'),\r\n            },\r\n            {\r\n              path: 'StateOperation',\r\n              name: 'StateOperation',\r\n              meta: {\r\n                title: '运行状态'\r\n              },\r\n              component: () =>\r\n                import('@/views/StateOperation.vue'),\r\n            }, {\r\n              path: 'interface',\r\n              name: 'interface',\r\n              meta: {\r\n                title: '接口'\r\n              },\r\n              component: () =>\r\n                import('@/views/interface.vue'),\r\n            }, {\r\n              path: 'IPSetting',\r\n              name: 'IPSetting',\r\n              meta: {\r\n                title: 'IP设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/IPSetting.vue'),\r\n            },\r\n            {\r\n              path: 'globalSettings',\r\n              name: 'globalSettings',\r\n              meta: {\r\n                title: '全局设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/globalSettings.vue'),\r\n            },\r\n            {\r\n              path: 'ExportingSettings',\r\n              name: 'ExportingSettings',\r\n              meta: {\r\n                title: '关于本机——导出设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/ExportingSettings.vue'),\r\n            },\r\n            {\r\n              path: 'ImportSettings',\r\n              name: 'ImportSettings',\r\n              meta: {\r\n                title: '关于本机——导入设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/ImportSettings.vue'),\r\n            }, \r\n            {\r\n              path: 'InterfaceServerCertificates',\r\n              name: 'InterfaceServerCertificates',\r\n              meta: {\r\n                title: '接口与服务器证书'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/InterfaceServerCertificates.vue'),\r\n            }, \r\n            {\r\n              path: 'UDPServiceSettings',\r\n              name: 'UDPServiceSettings',\r\n              meta: {\r\n                title: 'UDP服务设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/UDPServiceSettings.vue'),\r\n            },\r\n            {\r\n              path: 'myId',\r\n              name: 'myId',\r\n              meta: {\r\n                title: '我的账号'\r\n              },\r\n              component: () =>\r\n                import('@/views/myId.vue'),\r\n            }, {\r\n              path: 'IdManagement',\r\n              name: 'IdManagement',\r\n              meta: {\r\n                title: '账号管理'\r\n              },\r\n              component: () =>\r\n                import('@/views/IdManagement.vue'),\r\n            },\r\n            {\r\n              path: 'logs',\r\n              name: 'logs',\r\n              meta: {\r\n                title: '通知/日志'\r\n              },\r\n              component: () => import('@/views/logs.vue')\r\n            }\r\n\r\n          ]\r\n        },\r\n        {\r\n          path: '/test2',\r\n          component: () => import('@/page/test2/index.vue'),\r\n          meta: {\r\n            title: '一级菜单2'\r\n          },\r\n          redirect: '/test2/test2-1', // 该配置是若点击选择父目录时，默认选中该父目录下的子路径页面\r\n          children: [{\r\n              path: 'test2-1',\r\n              component: () => import('@/page/test2/test2-1.vue'),\r\n              meta: {\r\n                title: '二级菜单2-1'\r\n              },\r\n            },\r\n            {\r\n              path: 'test2-2',\r\n              component: () => import('@/page/test2/test2-2.vue'),\r\n              meta: {\r\n                title: '二级菜单2-2'\r\n              },\r\n            },\r\n            {\r\n              path: 'test2-3',\r\n              component: () => import('@/page/test2/test2-3.vue'),\r\n              meta: {\r\n                title: '二级菜单2-3'\r\n              },\r\n            },\r\n          ]\r\n        },\r\n        {\r\n          path: '/test3',\r\n          component: () => import('@/page/test3/index.vue'),\r\n          meta: {\r\n            title: '一级菜单3'\r\n          },\r\n          redirect: '/test3/test3-1',\r\n          children: [{\r\n              path: 'test3-1',\r\n              component: () => import('@/page/test3/test3-1.vue'),\r\n              meta: {\r\n                title: '二级菜单3-1'\r\n              }\r\n            },\r\n            {\r\n              path: 'test3-2',\r\n              component: () => import('@/page/test3/test3-2.vue'),\r\n              meta: {\r\n                title: '二级菜单3-2'\r\n              }\r\n            },\r\n          ]\r\n        },\r\n        {\r\n          path: '/i18n', // 国际化组件\r\n          component: () => import('@/components/common/I18n.vue'),\r\n          meta: {\r\n            title: '国际化'\r\n          }\r\n        },\r\n        {\r\n          path: '/permission', // 权限页面\r\n          component: () => import('@/page/Permission.vue'),\r\n          meta: {\r\n            title: '权限测试',\r\n            permission: true\r\n          }\r\n        },\r\n        {\r\n          path: '/404',\r\n          component: () => import('@/page/404.vue'),\r\n          meta: {\r\n            title: '404'\r\n          }\r\n        },\r\n        {\r\n          path: '/403',\r\n          component: () => import('@/page/403.vue'),\r\n          meta: {\r\n            title: '403'\r\n          }\r\n        },\r\n      ]\r\n    },\r\n    {\r\n      path: '/Login', // 登录页面\r\n      component: () => import('@/page/Login.vue'),\r\n      meta: {\r\n        title: '登录'\r\n      }\r\n    },\r\n    {\r\n      path: '*',\r\n      redirect: '/404'\r\n    }\r\n  ]\r\n});"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\router\\index.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\router\\index.js","mtime":1673580353832},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import Vue from 'vue';\nimport VueRouter from 'vue-router';\nVue.use(VueRouter);\nvar originalPush = VueRouter.prototype.push;\n\nVueRouter.prototype.push = function push(location) {\n  return originalPush.call(this, location).catch(function (err) {\n    return err;\n  });\n};\n\nexport default new VueRouter({\n  routes: [{\n    path: '/',\n    // 程序启动默认路由\n    component: function component() {\n      return import('@/components/common/Whole.vue');\n    },\n    meta: {\n      title: '整体页面布局'\n    },\n    redirect: '/test1',\n    // 重定向到首页\n    children: [// {\n    //   path: '/Home',\n    //   component: () => import('@/page/Home.vue'),\n    //   meta: { title: '首页' }\n    // },\n    {\n      path: '/test1',\n      component: function component() {\n        return import('@/page/test1/index.vue');\n      },\n      meta: {\n        title: '一级菜单1'\n      },\n      redirect: '/test1/AnalysisMain',\n      // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\n      children: [{\n        path: 'AnalysisMain',\n        meta: {\n          title: '分析',\n          icon: 'ac'\n        },\n        component: function component() {\n          return import('@/views/AnalysisMain.vue');\n        }\n      }, {\n        path: 'index',\n        meta: {\n          title: '分析'\n        },\n        component: function component() {\n          return import('@/views/index.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'StateOperation',\n        name: 'StateOperation',\n        meta: {\n          title: '运行状态'\n        },\n        component: function component() {\n          return import('@/views/StateOperation.vue');\n        }\n      }, {\n        path: 'interface',\n        name: 'interface',\n        meta: {\n          title: '接口'\n        },\n        component: function component() {\n          return import('@/views/interface.vue');\n        }\n      }, {\n        path: 'IPSetting',\n        name: 'IPSetting',\n        meta: {\n          title: 'IP设置'\n        },\n        component: function component() {\n          return import('@/views/IPSetting.vue');\n        }\n      }, {\n        path: 'globalSettings',\n        name: 'globalSettings',\n        meta: {\n          title: '全局设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/globalSettings.vue');\n        }\n      }, {\n        path: 'ExportingSettings',\n        name: 'ExportingSettings',\n        meta: {\n          title: '关于本机——导出设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ExportingSettings.vue');\n        }\n      }, {\n        path: 'ImportSettings',\n        name: 'ImportSettings',\n        meta: {\n          title: '关于本机——导入设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ImportSettings.vue');\n        }\n      }, {\n        path: 'InterfaceServerCertificates',\n        name: 'InterfaceServerCertificates',\n        meta: {\n          title: '接口与服务器证书'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/InterfaceServerCertificates.vue');\n        }\n      }, {\n        path: 'UDPServiceSettings',\n        name: 'UDPServiceSettings',\n        meta: {\n          title: 'UDP服务设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/UDPServiceSettings.vue');\n        }\n      }, {\n        path: 'myId',\n        name: 'myId',\n        meta: {\n          title: '我的账号'\n        },\n        component: function component() {\n          return import('@/views/myId.vue');\n        }\n      }, {\n        path: 'IdManagement',\n        name: 'IdManagement',\n        meta: {\n          title: '账号管理'\n        },\n        component: function component() {\n          return import('@/views/IdManagement.vue');\n        }\n      }, {\n        path: 'logs',\n        name: 'logs',\n        meta: {\n          title: '通知/日志'\n        },\n        component: function component() {\n          return import('@/views/logs.vue');\n        }\n      }]\n    }, {\n      path: '/i18n',\n      // 国际化组件\n      component: function component() {\n        return import('@/components/common/I18n.vue');\n      },\n      meta: {\n        title: '国际化'\n      }\n    }, {\n      path: '/permission',\n      // 权限页面\n      component: function component() {\n        return import('@/page/Permission.vue');\n      },\n      meta: {\n        title: '权限测试',\n        permission: true\n      }\n    }, {\n      path: '/404',\n      component: function component() {\n        return import('@/page/404.vue');\n      },\n      meta: {\n        title: '404'\n      }\n    }, {\n      path: '/403',\n      component: function component() {\n        return import('@/page/403.vue');\n      },\n      meta: {\n        title: '403'\n      }\n    }]\n  }, {\n    path: '/Login',\n    // 登录页面\n    component: function component() {\n      return import('@/page/Login.vue');\n    },\n    meta: {\n      title: '登录'\n    }\n  }, {\n    path: '*',\n    redirect: '/404'\n  }]\n});",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/router/index.js"],"names":["Vue","VueRouter","use","originalPush","prototype","push","location","call","catch","err","routes","path","component","meta","title","redirect","children","icon","name","permission"],"mappings":"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","sourcesContent":["import Vue from 'vue';\r\nimport VueRouter from 'vue-router';\r\n\r\nVue.use(VueRouter);\r\n\r\nconst originalPush = VueRouter.prototype.push;\r\nVueRouter.prototype.push = function push(location) {\r\n  return originalPush.call(this, location).catch(err => err);\r\n}\r\n\r\nexport default new VueRouter({\r\n  routes: [{\r\n      path: '/', // 程序启动默认路由\r\n      component: () => import('@/components/common/Whole.vue'),\r\n      meta: {\r\n        title: '整体页面布局'\r\n      },\r\n      redirect: '/test1', // 重定向到首页\r\n      children: [\r\n        // {\r\n        //   path: '/Home',\r\n        //   component: () => import('@/page/Home.vue'),\r\n        //   meta: { title: '首页' }\r\n        // },\r\n        {\r\n          path: '/test1',\r\n          component: () => import('@/page/test1/index.vue'),\r\n          meta: { title: '一级菜单1' },\r\n          redirect: '/test1/AnalysisMain',  // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\r\n          children:[\r\n            {\r\n                path: 'AnalysisMain',\r\n                meta: { title: '分析' ,icon:'ac'},\r\n                component: () => import ('@/views/AnalysisMain.vue')\r\n              },\r\n            {\r\n                path: 'index',\r\n                meta: { title: '分析' },\r\n                component: () => import ('@/views/index.vue')\r\n              }, \r\n              {\r\n                path: 'AboutMachine',\r\n                name: 'AboutMachine',\r\n                meta: {\r\n                    title: '关于本机'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/AboutMachine.vue'),\r\n            }, {\r\n                path: 'network',\r\n                name: 'network',\r\n                meta: {\r\n                    title: '网络'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/network.vue'),\r\n            }, {\r\n                path: 'VPN',\r\n                name: 'VPN',\r\n                meta: {\r\n                    title: 'VPN'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/VPN.vue'),\r\n            }, {\r\n                path: 'CustomOperations',\r\n                name: 'CustomOperations',\r\n                meta: {\r\n                    title: '自定义操作'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/CustomOperations.vue'),\r\n            }, {\r\n                path: 'HealthCheck',\r\n                name: 'HealthCheck',\r\n                meta: {\r\n                    title: '健康检测'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/HealthCheck.vue'),\r\n            },\r\n            {\r\n              path: 'AboutMachine',\r\n              name: 'AboutMachine',\r\n              meta: {\r\n                title: '关于本机'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/AboutMachine.vue'),\r\n            }, {\r\n              path: 'network',\r\n              name: 'network',\r\n              meta: {\r\n                title: '网络'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/network.vue'),\r\n            }, {\r\n              path: 'VPN',\r\n              name: 'VPN',\r\n              meta: {\r\n                title: 'VPN'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/VPN.vue'),\r\n            }, {\r\n              path: 'CustomOperations',\r\n              name: 'CustomOperations',\r\n              meta: {\r\n                title: '自定义操作'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/CustomOperations.vue'),\r\n            }, {\r\n              path: 'HealthCheck',\r\n              name: 'HealthCheck',\r\n              meta: {\r\n                title: '健康检测'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/HealthCheck.vue'),\r\n            },\r\n            {\r\n              path: 'StateOperation',\r\n              name: 'StateOperation',\r\n              meta: {\r\n                title: '运行状态'\r\n              },\r\n              component: () =>\r\n                import('@/views/StateOperation.vue'),\r\n            }, {\r\n              path: 'interface',\r\n              name: 'interface',\r\n              meta: {\r\n                title: '接口'\r\n              },\r\n              component: () =>\r\n                import('@/views/interface.vue'),\r\n            }, {\r\n              path: 'IPSetting',\r\n              name: 'IPSetting',\r\n              meta: {\r\n                title: 'IP设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/IPSetting.vue'),\r\n            },\r\n            {\r\n              path: 'globalSettings',\r\n              name: 'globalSettings',\r\n              meta: {\r\n                title: '全局设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/globalSettings.vue'),\r\n            },\r\n            {\r\n              path: 'ExportingSettings',\r\n              name: 'ExportingSettings',\r\n              meta: {\r\n                title: '关于本机——导出设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/ExportingSettings.vue'),\r\n            },\r\n            {\r\n              path: 'ImportSettings',\r\n              name: 'ImportSettings',\r\n              meta: {\r\n                title: '关于本机——导入设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/ImportSettings.vue'),\r\n            }, \r\n            {\r\n              path: 'InterfaceServerCertificates',\r\n              name: 'InterfaceServerCertificates',\r\n              meta: {\r\n                title: '接口与服务器证书'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/InterfaceServerCertificates.vue'),\r\n            }, \r\n            {\r\n              path: 'UDPServiceSettings',\r\n              name: 'UDPServiceSettings',\r\n              meta: {\r\n                title: 'UDP服务设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/UDPServiceSettings.vue'),\r\n            },\r\n            {\r\n              path: 'myId',\r\n              name: 'myId',\r\n              meta: {\r\n                title: '我的账号'\r\n              },\r\n              component: () =>\r\n                import('@/views/myId.vue'),\r\n            }, {\r\n              path: 'IdManagement',\r\n              name: 'IdManagement',\r\n              meta: {\r\n                title: '账号管理'\r\n              },\r\n              component: () =>\r\n                import('@/views/IdManagement.vue'),\r\n            },\r\n            {\r\n              path: 'logs',\r\n              name: 'logs',\r\n              meta: {\r\n                title: '通知/日志'\r\n              },\r\n              component: () => import('@/views/logs.vue')\r\n            }\r\n\r\n          ]\r\n        },\r\n        {\r\n          path: '/i18n', // 国际化组件\r\n          component: () => import('@/components/common/I18n.vue'),\r\n          meta: {\r\n            title: '国际化'\r\n          }\r\n        },\r\n        {\r\n          path: '/permission', // 权限页面\r\n          component: () => import('@/page/Permission.vue'),\r\n          meta: {\r\n            title: '权限测试',\r\n            permission: true\r\n          }\r\n        },\r\n        {\r\n          path: '/404',\r\n          component: () => import('@/page/404.vue'),\r\n          meta: {\r\n            title: '404'\r\n          }\r\n        },\r\n        {\r\n          path: '/403',\r\n          component: () => import('@/page/403.vue'),\r\n          meta: {\r\n            title: '403'\r\n          }\r\n        },\r\n      ]\r\n    },\r\n    {\r\n      path: '/Login', // 登录页面\r\n      component: () => import('@/page/Login.vue'),\r\n      meta: {\r\n        title: '登录'\r\n      }\r\n    },\r\n    {\r\n      path: '*',\r\n      redirect: '/404'\r\n    }\r\n  ]\r\n});"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b765859edb03dfb37eb7e74bc73b0159.json b/node_modules/.cache/babel-loader/b765859edb03dfb37eb7e74bc73b0159.json
new file mode 100644
index 00000000..5a909d11
--- /dev/null
+++ b/node_modules/.cache/babel-loader/b765859edb03dfb37eb7e74bc73b0159.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\api\\login.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\api\\login.js","mtime":1673232721710},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import request from '@/utils/request.js';\nexport function loginApi(data) {\n  // 登录接口\n  return request({\n    url: '/hxh/api-test/login',\n    method: 'post',\n    data: data\n  });\n}",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/api/login.js"],"names":["request","loginApi","data","url","method"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,oBAApB;AAEA,OAAO,SAASC,QAAT,CAAkBC,IAAlB,EAAwB;AAAG;AAChC,SAAOF,OAAO,CAAC;AACbG,IAAAA,GAAG,EAAE,qBADQ;AAEbC,IAAAA,MAAM,EAAE,MAFK;AAGbF,IAAAA,IAAI,EAAEA;AAHO,GAAD,CAAd;AAKD","sourcesContent":["import request from '@/utils/request.js';\r\n\r\nexport function loginApi(data) {  // 登录接口\r\n  return request({\r\n    url: '/hxh/api-test/login',\r\n    method: 'post',\r\n    data: data\r\n  });\r\n}"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/b8df2664bccbe313e95305eeb34493c9.json b/node_modules/.cache/babel-loader/b8df2664bccbe313e95305eeb34493c9.json
new file mode 100644
index 00000000..0c326464
--- /dev/null
+++ b/node_modules/.cache/babel-loader/b8df2664bccbe313e95305eeb34493c9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {};\n  },\n  methods: {\n    goBack: function goBack() {\n      this.$router.go(-1);\n    }\n  }\n};",{"version":3,"sources":["404.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA,EAAA;AAGA,GALA;AAMA,EAAA,OAAA,EAAA;AACA,IAAA,MADA,oBACA;AACA,WAAA,OAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACA;AAHA;AANA,CAAA","sourcesContent":["<template>\r\n  <div class=\"error-page\">\r\n    <div class=\"error-code\">4<span>0</span>4</div>\r\n    <div class=\"error-desc\">啊哦~ 你所访问的页面不存在</div>\r\n    <div class=\"error-handle\">\r\n      <router-link to=\"/\">\r\n        <el-button type=\"primary\" size=\"large\">返回首页</el-button>\r\n      </router-link>\r\n      <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.error-code{\r\n  color: #2d8cf0;\r\n}\r\n</style>\r\n"],"sourceRoot":"src/page"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/babebd07c9e45c29c0b2c34bd8667c0d.json b/node_modules/.cache/babel-loader/babebd07c9e45c29c0b2c34bd8667c0d.json
index 50b71ebe..4559ac6e 100644
--- a/node_modules/.cache/babel-loader/babebd07c9e45c29c0b2c34bd8667c0d.json
+++ b/node_modules/.cache/babel-loader/babebd07c9e45c29c0b2c34bd8667c0d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673232721963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from 'mqtt'; // mqtt协议\n\nexport default {\n  data: function data() {\n    return {\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系'\n      },\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: false\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接',\n        renewalFrequency: ''\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {//    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n  },\n  methods: {\n    load: function load() {\n      var _this = this;\n\n      console.log('1111');\n      var iframe = document.getElementById('mapModuleTop');\n      console.log('iframe', iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log('222');\n      this.getDataByMqtt();\n    },\n    handleChange: function handleChange() {},\n    handleagain: function handleagain() {\n      var _this2 = this;\n\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消'\n        });\n      });\n    },\n    handleReset: function handleReset() {\n      var _this3 = this;\n\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {// this.$message({\n        //   type: 'success',\n        //   message: '删除成功!'\n        // });\n      }).catch(function () {\n        _this3.$message({\n          type: 'info',\n          message: '已取消重置'\n        });\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    },\n    // 获取列表\n    getReverseShellList: function getReverseShellList() {\n      //   getShellList().then(res => {\n      //     if (res.code === 200) {\n      //       if (res.data && res.data.length > 0) {\n      //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n      //         res.data.forEach(item => {\n      //           item['isEdit'] = false\n      //         })\n      //       }\n      //   this.tableData = res.data\n      // 在表格列表前插入一行，用来新增数据\n      this.tableData.unshift({\n        name: '',\n        inIp: '',\n        inPort: null,\n        outPort: null,\n        enabled: null,\n        isEdit: true\n      }); //     }\n      //   })\n    },\n    // 新增按钮\n    handleAdd: function handleAdd(row) {\n      for (var key in row) {\n        // 判断一行字段是否输入完整\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp // inPort: parseInt(row.inPort),\n        // outPort: parseInt(row.outPort),\n        // enabled: row.enabled\n\n      };\n      this.getReverseShellList(); //   addShell(params).then(res => {\n      //     if (res.code === 200) {\n      //       this.msgSuccess('Add reverse shell successfully')\n      //       row.isEdit = false\n      //       this.getReverseShellList()\n      //     }\n      //   })\n    },\n    // 编辑或者Apply按钮\n    handleUpdate: function handleUpdate(row) {\n      // 点击Apply时\n      if (row.isEdit) {\n        for (var key in row) {\n          if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n            this.msgError('Please complete the information');\n            return;\n          }\n        }\n\n        var params = {\n          name: row.name,\n          inIp: row.inIp,\n          inPort: parseInt(row.inPort),\n          outPort: parseInt(row.outPort),\n          enabled: row.enabled\n        }; // updateShell(params).then(res => {\n        //   if (res.code === 200) {\n        //     this.msgSuccess('Update reverse shell successfully')\n        //     this.getReverseShellList()\n        //   }\n        // })\n      } else {\n        // 点击编辑时\n        row.isEdit = true;\n      }\n    },\n    // 删除或取消按钮\n    handleDelete: function handleDelete(row) {\n      // 点击取消时\n      if (row.isEdit) {\n        this.getReverseShellList();\n      } else {\n        // 点击删除时\n        this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n          confirmButtonText: 'Sure',\n          cancelButtonText: 'Cancel',\n          type: 'warning'\n        }).then(function () {//   deleteShell(row.name).then(res => {\n          //     if (res.code === 200) {\n          //       this.msgSuccess('Delete reverse shell successfully')\n          //       this.getReverseShellList()\n          //     }\n          //   })\n        }).catch(function () {});\n      }\n    },\n    // mqtt订阅（独立）\n    getDataByMqtt: function getDataByMqtt(url, topic, cIdNum) {\n      var _this4 = this;\n\n      //     var that = this\n      // that.$refs.iframe.contentWindow.getDestination(1)\n      // console.log(\"1111\",document.getElementById(\"mapModule\"))\n      //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\n      var clientId = 'test_id_' + String(new Date().getTime()); // 用户名\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n      var host = 'ws://172.16.1.168:10087/';\n      var options = {\n        // 配置\n        // 测试：订阅本机IP\n        // host: host,\n        // port: port,\n        // host:\"172.16.1.168:10086\",\n        keepalive: 60,\n        // 心跳时间，默认60s，设置为0禁用\n        username: 'admin',\n        // 用户名（可选）\n        password: '123456',\n        // 密码（可选）\n        clientId: clientId,\n        // 客户端ID，默认随机生成\n        protocolId: 'MQTT',\n        protocolVersion: 4,\n        clean: true,\n        // false在离线时接收QoS1和2的消息\n        reconnectPeriod: 2000,\n        // 重连间隔，默认1000毫秒\n        connectTimeout: 30 * 1000,\n        // 收到CONNACK之前的等待时间\n        will: {\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n          topic: 'img1',\n          // 要发布的主题\n          payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！',\n          // 要发布的消息\n          qos: 0,\n          // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n          retain: false // 保留标志\n\n        }\n      };\n\n      if (this.mqttClient == undefined) {\n        this.mqttClient = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host, options); // 连接\n        // const client = mqtt.connect(host)  // 连接\n        // 错误回调\n        // console.log(\"this.mqttClient\", this.mqttClient)\n\n        this.mqttClient.on('error', function (err) {\n          console.log('[MQTT-TEST] 连接错误：', err);\n\n          _this4.mqttClient.end();\n        }); // 重连回调\n\n        this.mqttClient.on('reconnect', function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n        }); // 连接回调\n\n        this.mqttClient.on('connect', function (connect) {\n          //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n          // 订阅\n          _this4.mqttClient.subscribe('img0', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img1', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img2', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img3', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img4', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('img5', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream0', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream1', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream2', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream3', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream4', {\n            qos: 0\n          });\n\n          _this4.mqttClient.subscribe('stream5', {\n            qos: 0\n          });\n        }); // 接收回调\n\n        this.mqttClient.on('message', function (topic, message, packet) {\n          if (topic.indexOf('img0') != -1) {\n            // try {\n            var utf8decoder = new TextDecoder();\n            var u8arr = new Uint8Array(message);\n            var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n            var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   debugger\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n            //   console.log(\"msg.pic\", msg.pic)\n            //   debugger\n            // var that = this\n            //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n            // window.parent.getDestination(JSON.stringify(msg));\n            //    debugger\n            // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n            // }\n            // catch {\n            //   let imageType = 'arraybuffer';\n            //   const blob = new Blob([message], { type: imageType })\n            //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n            // //   console.log(\"imageUrl\", imageUrl)\n            // }\n          } else if (topic.indexOf('img1') != -1) {\n            try {\n              var _utf8decoder = new TextDecoder();\n\n              var _u8arr = new Uint8Array(message);\n\n              var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n              var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log('msg', _msg); //msg为转换后的JSON数据\n\n              _this4.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused) {\n              var imageType = 'arraybuffer';\n              var blob = new Blob([message], {\n                type: imageType\n              });\n\n              var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n              console.log('imageUrl', _imageUrl);\n            }\n          } else if (topic.indexOf('img2') != -1) {\n            try {\n              var _utf8decoder2 = new TextDecoder();\n\n              var _u8arr2 = new Uint8Array(message);\n\n              var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n              var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log('msg', _msg2); //msg为转换后的JSON数据\n\n              _this4.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused2) {\n              var _imageType = 'arraybuffer';\n\n              var _blob = new Blob([message], {\n                type: _imageType\n              });\n\n              var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n              console.log('imageUrl', _imageUrl2);\n            }\n          } else if (topic.indexOf('img3') != -1) {\n            try {\n              var _utf8decoder3 = new TextDecoder();\n\n              var _u8arr3 = new Uint8Array(message);\n\n              var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n              var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log('msg', _msg3); //msg为转换后的JSON数据\n\n              _this4.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused3) {\n              var _imageType2 = 'arraybuffer';\n\n              var _blob2 = new Blob([message], {\n                type: _imageType2\n              });\n\n              var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n              console.log('imageUrl', _imageUrl3);\n            }\n          } else if (topic.indexOf('img4') != -1) {\n            try {\n              var _utf8decoder4 = new TextDecoder();\n\n              var _u8arr4 = new Uint8Array(message);\n\n              var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n              var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log('msg', _msg4); //msg为转换后的JSON数据\n\n              _this4.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused4) {\n              var _imageType3 = 'arraybuffer';\n\n              var _blob3 = new Blob([message], {\n                type: _imageType3\n              });\n\n              var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n              console.log('imageUrl', _imageUrl4);\n            }\n          } else if (topic.indexOf('img5') != -1) {\n            try {\n              var _utf8decoder5 = new TextDecoder();\n\n              var _u8arr5 = new Uint8Array(message);\n\n              var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n              var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n              console.log('msg', _msg5); //msg为转换后的JSON数据\n\n              _this4.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n              console.log('imageUrl', imageUrl);\n            } catch (_unused5) {\n              var _imageType4 = 'arraybuffer';\n\n              var _blob4 = new Blob([message], {\n                type: _imageType4\n              });\n\n              var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n              console.log('imageUrl', _imageUrl5);\n            }\n          } else if (topic.indexOf('stream0') != -1) {// console.log(\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            //   new Date(),\n            //   new Date().getMilliseconds()\n            // );\n          } else if (topic.indexOf('stream0') != -1) {// console.log(\n            //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n            //   new Date(),\n            //   new Date().getMilliseconds()\n            // );\n          } else if (topic.indexOf('stream1') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf('stream2') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf('stream3') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf('stream4') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          } else if (topic.indexOf('stream5') != -1) {\n            console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n          }\n        });\n      }\n    }\n  }\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.model\">\r\n                                <el-radio label=\"Georeferencing\"></el-radio>\r\n\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                            <div class=\"warning\">\r\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                >地理参照允许测量物理速度和静态图像源的距离。\r\n                            </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系'\r\n            },\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\n\nvar _methods;\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from 'mqtt'; // mqtt协议\n\nimport { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from \"@/api/index\";\nexport default {\n  data: function data() {\n    return {\n      formRules: {\n        pointName: [{\n          required: true,\n          message: '请输入点名称',\n          trigger: 'blur'\n        }],\n        longitude: [{\n          required: true,\n          message: '请输入经度',\n          trigger: 'blur'\n        }],\n        latitude: [{\n          required: true,\n          message: '请输入纬度',\n          trigger: 'blur'\n        }]\n      },\n      addDianForm: {\n        pointName: '',\n        longitude: \"\",\n        latitude: ''\n      },\n      dialogVisible: false,\n      coordinateTransformationId: '',\n      AnalysisSettingId: '',\n      contentShow: {\n        postion: true,\n        coordinate: false,\n        plate: true,\n        parking: true\n      },\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: '',\n        longitude: '',\n        latitude: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系',\n        value: '0',\n        num: 1\n      },\n      options: [{\n        value: '南',\n        label: '南'\n      }, {\n        value: '北',\n        label: '北'\n      }],\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: 0\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接',\n        renewalFrequency: ''\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {\n    var _this = this;\n\n    //    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n    getFeixpz({\n      VideoId: this.$route.query.id\n    }).then(function (res) {\n      _this.sizeForm.longitude = res.data.data.cameraPositionLongitude;\n      _this.sizeForm.latitude = res.data.data.cameraPositionLatitude;\n      _this.coordinateForm.num = res.data.data.utmArea;\n      _this.coordinateForm.value = res.data.data.hemisphere;\n      _this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;\n      _this.coordinateTableData = res.data.data.pointData;\n      _this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;\n      _this.stopStateform.displacement = res.data.data.parkingDisplacement;\n      _this.stopStateform.speed = res.data.data.parkingSpeed;\n      _this.AnalysisSettingId = res.data.data.analysisSettingId;\n      _this.coordinateTransformationId = res.data.data.coordinateTransformationId;\n    });\n  },\n  methods: (_methods = {\n    handleDeleteDian: function handleDeleteDian(row) {\n      var _this2 = this;\n\n      this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        _this2.coordinateTableData = _this2.coordinateTableData.filter(function (item) {\n          return item.pointName != row.pointName;\n        });\n\n        _this2.$message({\n          type: 'success',\n          message: '删除成功!'\n        });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    handleDian: function handleDian(formName) {\n      var _this3 = this;\n\n      this.$refs[formName].validate(function (valid) {\n        if (valid) {\n          console.log(_this3.addDianForm, 'addDianForm,,,');\n\n          _this3.coordinateTableData.unshift(_this3.addDianForm);\n\n          _this3.addDianForm = {};\n          _this3.dialogVisible = false;\n        } else {\n          return false;\n        }\n      });\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    },\n    // 坐标转换接口\n    handlePos: function handlePos() {\n      var _this4 = this;\n\n      var params = {\n        CoordinateTransformationId: this.coordinateTransformationId,\n        UTMArea: this.coordinateForm.num,\n        Hemisphere: this.coordinateForm.value,\n        CoordinateTransformation: this.coordinateForm.coordinateTransformation,\n        PointData: this.coordinateTableData\n      };\n      setFeixzbzh(params).then(function (res) {\n        _this4.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 停车状态\n    handleParking: function handleParking() {\n      var _this5 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('ParkingDisplacement', this.stopStateform.displacement);\n      params.append('ParkingSpeed', this.stopStateform.speed);\n      setParkingStatus(params).then(function (res) {\n        _this5.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 车牌识别\n    changeChepai: function changeChepai(val) {\n      var _this6 = this;\n\n      console.log(val, 'val111');\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('LicensePlateRecognitionSwitch', val);\n      setLicensePlate(params).then(function (res) {\n        _this6.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 经纬度保存\n    handSaveitude: function handSaveitude() {\n      var _this7 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('CameraPositionLongitude', this.sizeForm.longitude);\n      params.append('CameraPositionLatitude', this.sizeForm.latitude);\n      setCameraPosition(params).then(function (res) {\n        _this7.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 收放\n    handleContent: function handleContent(val) {\n      if (val == 'postion') {\n        this.contentShow.postion = !this.contentShow.postion;\n      }\n\n      if (val == 'coordinate') {\n        this.contentShow.coordinate = !this.contentShow.coordinate;\n      }\n\n      if (val == 'plate') {\n        this.contentShow.plate = !this.contentShow.plate;\n      }\n\n      if (val == 'parking') {\n        this.contentShow.parking = !this.contentShow.parking;\n      }\n    },\n    handleChange: function handleChange(value) {\n      console.log(value);\n    },\n    load: function load() {\n      var _this8 = this;\n\n      console.log('1111');\n      var iframe = document.getElementById('mapModuleTop');\n      console.log('iframe', iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this8.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log('222');\n      this.getDataByMqtt();\n    }\n  }, _defineProperty(_methods, \"handleChange\", function handleChange() {}), _defineProperty(_methods, \"handleagain\", function handleagain() {\n    var _this9 = this;\n\n    this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this9.$message({\n        type: 'info',\n        message: '已取消'\n      });\n    });\n  }), _defineProperty(_methods, \"handleReset\", function handleReset() {\n    var _this10 = this;\n\n    this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this10.$message({\n        type: 'info',\n        message: '已取消重置'\n      });\n    });\n  }), _defineProperty(_methods, \"handleRemove\", function handleRemove(file, fileList) {\n    console.log(file, fileList);\n  }), _defineProperty(_methods, \"handlePreview\", function handlePreview(file) {\n    console.log(file);\n  }), _defineProperty(_methods, \"handleExceed\", function handleExceed(files, fileList) {\n    this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n  }), _defineProperty(_methods, \"beforeRemove\", function beforeRemove(file, fileList) {\n    return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n  }), _defineProperty(_methods, \"getReverseShellList\", function getReverseShellList() {\n    //   getShellList().then(res => {\n    //     if (res.code === 200) {\n    //       if (res.data && res.data.length > 0) {\n    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n    //         res.data.forEach(item => {\n    //           item['isEdit'] = false\n    //         })\n    //       }\n    //   this.tableData = res.data\n    // 在表格列表前插入一行，用来新增数据\n    this.tableData.unshift({\n      name: '',\n      inIp: '',\n      inPort: null,\n      outPort: null,\n      enabled: null,\n      isEdit: true\n    }); //     }\n    //   })\n  }), _defineProperty(_methods, \"handleAdd\", function handleAdd(row) {\n    for (var key in row) {\n      // 判断一行字段是否输入完整\n      if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n        this.msgError('Please complete the information');\n        return;\n      }\n    }\n\n    var params = {\n      name: row.name,\n      inIp: row.inIp // inPort: parseInt(row.inPort),\n      // outPort: parseInt(row.outPort),\n      // enabled: row.enabled\n\n    };\n    this.getReverseShellList(); //   addShell(params).then(res => {\n    //     if (res.code === 200) {\n    //       this.msgSuccess('Add reverse shell successfully')\n    //       row.isEdit = false\n    //       this.getReverseShellList()\n    //     }\n    //   })\n  }), _defineProperty(_methods, \"handleUpdate\", function handleUpdate(row) {\n    // 点击Apply时\n    if (row.isEdit) {\n      for (var key in row) {\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp,\n        inPort: parseInt(row.inPort),\n        outPort: parseInt(row.outPort),\n        enabled: row.enabled\n      }; // updateShell(params).then(res => {\n      //   if (res.code === 200) {\n      //     this.msgSuccess('Update reverse shell successfully')\n      //     this.getReverseShellList()\n      //   }\n      // })\n    } else {\n      // 点击编辑时\n      row.isEdit = true;\n    }\n  }), _defineProperty(_methods, \"handleDelete\", function handleDelete(row) {\n    // 点击取消时\n    if (row.isEdit) {\n      this.getReverseShellList();\n    } else {\n      // 点击删除时\n      this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n        confirmButtonText: 'Sure',\n        cancelButtonText: 'Cancel',\n        type: 'warning'\n      }).then(function () {//   deleteShell(row.name).then(res => {\n        //     if (res.code === 200) {\n        //       this.msgSuccess('Delete reverse shell successfully')\n        //       this.getReverseShellList()\n        //     }\n        //   })\n      }).catch(function () {});\n    }\n  }), _defineProperty(_methods, \"getDataByMqtt\", function getDataByMqtt(url, topic, cIdNum) {\n    var _this11 = this;\n\n    //     var that = this\n    // that.$refs.iframe.contentWindow.getDestination(1)\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\n    var clientId = 'test_id_' + String(new Date().getTime()); // 用户名\n    //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n    var host = 'ws://172.16.1.168:10087/';\n    var options = {\n      // 配置\n      // 测试：订阅本机IP\n      // host: host,\n      // port: port,\n      // host:\"172.16.1.168:10086\",\n      keepalive: 60,\n      // 心跳时间，默认60s，设置为0禁用\n      username: 'admin',\n      // 用户名（可选）\n      password: '123456',\n      // 密码（可选）\n      clientId: clientId,\n      // 客户端ID，默认随机生成\n      protocolId: 'MQTT',\n      protocolVersion: 4,\n      clean: true,\n      // false在离线时接收QoS1和2的消息\n      reconnectPeriod: 2000,\n      // 重连间隔，默认1000毫秒\n      connectTimeout: 30 * 1000,\n      // 收到CONNACK之前的等待时间\n      will: {\n        // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n        topic: 'img1',\n        // 要发布的主题\n        payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！',\n        // 要发布的消息\n        qos: 0,\n        // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n        retain: false // 保留标志\n\n      }\n    };\n\n    if (this.mqttClient == undefined) {\n      this.mqttClient = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host)  // 连接\n      // 错误回调\n      // console.log(\"this.mqttClient\", this.mqttClient)\n\n      this.mqttClient.on('error', function (err) {\n        console.log('[MQTT-TEST] 连接错误：', err);\n\n        _this11.mqttClient.end();\n      }); // 重连回调\n\n      this.mqttClient.on('reconnect', function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n      }); // 连接回调\n\n      this.mqttClient.on('connect', function (connect) {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n        // 订阅\n        _this11.mqttClient.subscribe('img0', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img1', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img2', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img3', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img4', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img5', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream0', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream1', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream2', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream3', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream4', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream5', {\n          qos: 0\n        });\n      }); // 接收回调\n\n      this.mqttClient.on('message', function (topic, message, packet) {\n        if (topic.indexOf('img0') != -1) {\n          // try {\n          var utf8decoder = new TextDecoder();\n          var u8arr = new Uint8Array(message);\n          var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n          var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n          //   debugger\n          //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n          //   console.log(\"msg.pic\", msg.pic)\n          //   debugger\n          // var that = this\n          //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n          // window.parent.getDestination(JSON.stringify(msg));\n          //    debugger\n          // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n          //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n          //   console.log(\"imageUrl\", imageUrl)\n          // }\n          // catch {\n          //   let imageType = 'arraybuffer';\n          //   const blob = new Blob([message], { type: imageType })\n          //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n          // //   console.log(\"imageUrl\", imageUrl)\n          // }\n        } else if (topic.indexOf('img1') != -1) {\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg); //msg为转换后的JSON数据\n\n            _this11.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused) {\n            var imageType = 'arraybuffer';\n            var blob = new Blob([message], {\n              type: imageType\n            });\n\n            var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n            console.log('imageUrl', _imageUrl);\n          }\n        } else if (topic.indexOf('img2') != -1) {\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message);\n\n            var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n            var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg2); //msg为转换后的JSON数据\n\n            _this11.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused2) {\n            var _imageType = 'arraybuffer';\n\n            var _blob = new Blob([message], {\n              type: _imageType\n            });\n\n            var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n            console.log('imageUrl', _imageUrl2);\n          }\n        } else if (topic.indexOf('img3') != -1) {\n          try {\n            var _utf8decoder3 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message);\n\n            var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n            var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg3); //msg为转换后的JSON数据\n\n            _this11.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused3) {\n            var _imageType2 = 'arraybuffer';\n\n            var _blob2 = new Blob([message], {\n              type: _imageType2\n            });\n\n            var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n            console.log('imageUrl', _imageUrl3);\n          }\n        } else if (topic.indexOf('img4') != -1) {\n          try {\n            var _utf8decoder4 = new TextDecoder();\n\n            var _u8arr4 = new Uint8Array(message);\n\n            var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n            var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg4); //msg为转换后的JSON数据\n\n            _this11.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused4) {\n            var _imageType3 = 'arraybuffer';\n\n            var _blob3 = new Blob([message], {\n              type: _imageType3\n            });\n\n            var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n            console.log('imageUrl', _imageUrl4);\n          }\n        } else if (topic.indexOf('img5') != -1) {\n          try {\n            var _utf8decoder5 = new TextDecoder();\n\n            var _u8arr5 = new Uint8Array(message);\n\n            var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n            var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg5); //msg为转换后的JSON数据\n\n            _this11.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused5) {\n            var _imageType4 = 'arraybuffer';\n\n            var _blob4 = new Blob([message], {\n              type: _imageType4\n            });\n\n            var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n            console.log('imageUrl', _imageUrl5);\n          }\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream1') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream2') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream3') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream4') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream5') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        }\n      });\n    }\n  }), _methods)\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAycA,OAAA,IAAA,MAAA,MAAA,C,CAAA;;AACA,SAAA,SAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,WAAA,QAAA,aAAA;AACA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,SAAA,EAAA;AACA,QAAA,SAAA,EAAA,CACA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,QAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SADA,CADA;AAIA,QAAA,SAAA,EAAA,CACA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,OAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SADA,CAJA;AAOA,QAAA,QAAA,EAAA,CACA;AAAA,UAAA,QAAA,EAAA,IAAA;AAAA,UAAA,OAAA,EAAA,OAAA;AAAA,UAAA,OAAA,EAAA;AAAA,SADA;AAPA,OADA;AAYA,MAAA,WAAA,EAAA;AACA,QAAA,SAAA,EAAA,EADA;AAEA,QAAA,SAAA,EAAA,EAFA;AAGA,QAAA,QAAA,EAAA;AAHA,OAZA;AAiBA,MAAA,aAAA,EAAA,KAjBA;AAkBA,MAAA,0BAAA,EAAA,EAlBA;AAmBA,MAAA,iBAAA,EAAA,EAnBA;AAoBA,MAAA,WAAA,EAAA;AACA,QAAA,OAAA,EAAA,IADA;AAEA,QAAA,UAAA,EAAA,KAFA;AAGA,QAAA,KAAA,EAAA,IAHA;AAIA,QAAA,OAAA,EAAA;AAJA,OApBA;AA0BA,MAAA,QAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,MAAA,EAAA,EAFA;AAGA,QAAA,KAAA,EAAA,EAHA;AAIA,QAAA,KAAA,EAAA,EAJA;AAKA,QAAA,QAAA,EAAA,KALA;AAMA,QAAA,IAAA,EAAA,EANA;AAOA,QAAA,QAAA,EAAA,EAPA;AAQA,QAAA,IAAA,EAAA,EARA;AASA,QAAA,SAAA,EAAA,EATA;AAUA,QAAA,QAAA,EAAA;AAVA,OA1BA;AAsCA,MAAA,UAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,MAAA,EAAA;AAFA,OAtCA;AA0CA;AACA,MAAA,OAAA,EAAA,EA3CA;AA4CA;AACA,MAAA,cAAA,EAAA;AACA,QAAA,eAAA,EAAA,KADA;AAEA,QAAA,KAAA,EAAA,gBAFA;AAGA,QAAA,wBAAA,EAAA,OAHA;AAIA,QAAA,KAAA,EAAA,GAJA;AAKA,QAAA,GAAA,EAAA;AALA,OA7CA;AAoDA,MAAA,OAAA,EAAA,CAAA;AACA,QAAA,KAAA,EAAA,GADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAAA,EAGA;AACA,QAAA,KAAA,EAAA,GADA;AAEA,QAAA,KAAA,EAAA;AAFA,OAHA,CApDA;AA2DA,MAAA,mBAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,IADA;AAEA,QAAA,SAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,IAHA;AAIA,QAAA,QAAA,EAAA;AAJA,OADA,EAOA;AACA,QAAA,IAAA,EAAA,IADA;AAEA,QAAA,SAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,IAHA;AAIA,QAAA,QAAA,EAAA;AAJA,OAPA,EAaA;AACA,QAAA,IAAA,EAAA,IADA;AAEA,QAAA,SAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,IAHA;AAIA,QAAA,QAAA,EAAA;AAJA,OAbA,CA3DA;AA+EA;AACA,MAAA,QAAA,EAAA;AACA,QAAA,SAAA,EAAA,KADA;AAEA,QAAA,YAAA,EAAA,KAFA;AAGA,QAAA,eAAA,EAAA;AAHA,OAhFA;AAqFA;AACA,MAAA,sBAAA,EAAA;AACA,QAAA,uBAAA,EAAA;AADA,OAtFA;AAyFA;AACA,MAAA,uBAAA,EAAA;AACA,QAAA,wBAAA,EAAA,KADA;AAEA,QAAA,IAAA,EAAA;AAFA,OA1FA;AA8FA;AACA,MAAA,gBAAA,EAAA;AACA,QAAA,iBAAA,EAAA;AADA,OA/FA;AAkGA,MAAA,qBAAA,EAAA,CACA;AACA,QAAA,cAAA,EAAA,IADA;AAEA,QAAA,YAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,IAHA;AAIA,QAAA,cAAA,EAAA;AAJA,OADA,EAOA;AACA,QAAA,cAAA,EAAA,IADA;AAEA,QAAA,YAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,IAHA;AAIA,QAAA,cAAA,EAAA;AAJA,OAPA,EAaA;AACA,QAAA,cAAA,EAAA,IADA;AAEA,QAAA,YAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA,IAHA;AAIA,QAAA,cAAA,EAAA;AAJA,OAbA,CAlGA;AAsHA;AACA,MAAA,aAAA,EAAA;AACA,QAAA,YAAA,EAAA,MADA;AAEA,QAAA,KAAA,EAAA,MAFA;AAGA,QAAA,YAAA,EAAA;AAHA,OAvHA;AA4HA;AACA,MAAA,iBAAA,EAAA;AACA,QAAA,IAAA,EAAA,YADA;AAEA,QAAA,gBAAA,EAAA;AAFA,OA7HA;AAiIA,MAAA,IAAA,EAAA;AACA,QAAA,IAAA,EAAA,EADA;AAEA,QAAA,MAAA,EAAA,EAFA;AAGA,QAAA,KAAA,EAAA,EAHA;AAIA,QAAA,KAAA,EAAA,EAJA;AAKA,QAAA,QAAA,EAAA,KALA;AAMA,QAAA,IAAA,EAAA,EANA;AAOA,QAAA,QAAA,EAAA,EAPA;AAQA,QAAA,IAAA,EAAA;AARA,OAjIA;AA2IA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,IAAA,EAAA,IADA;AAEA,QAAA,MAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OADA,EAMA;AACA,QAAA,IAAA,EAAA,IADA;AAEA,QAAA,MAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OANA,EAWA;AACA,QAAA,IAAA,EAAA,IADA;AAEA,QAAA,MAAA,EAAA,KAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAXA,CA3IA;AA4JA,MAAA,cAAA,EAAA,EA5JA;AA6JA,MAAA,QAAA,EAAA;AA7JA,KAAA;AA+JA,GAjKA;AAkKA,EAAA,OAlKA,qBAkKA;AAAA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,SAAA,CAAA;AAAA,MAAA,OAAA,EAAA,KAAA,MAAA,CAAA,KAAA,CAAA;AAAA,KAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,MAAA,KAAA,CAAA,QAAA,CAAA,SAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,uBAAA;AACA,MAAA,KAAA,CAAA,QAAA,CAAA,QAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,sBAAA;AACA,MAAA,KAAA,CAAA,cAAA,CAAA,GAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA;AACA,MAAA,KAAA,CAAA,cAAA,CAAA,KAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,UAAA;AACA,MAAA,KAAA,CAAA,cAAA,CAAA,wBAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,wBAAA;AACA,MAAA,KAAA,CAAA,mBAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,SAAA;AACA,MAAA,KAAA,CAAA,gBAAA,CAAA,iBAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,6BAAA;AACA,MAAA,KAAA,CAAA,aAAA,CAAA,YAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,mBAAA;AACA,MAAA,KAAA,CAAA,aAAA,CAAA,KAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,YAAA;AACA,MAAA,KAAA,CAAA,iBAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,iBAAA;AACA,MAAA,KAAA,CAAA,0BAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,0BAAA;AACA,KAZA;AAaA,GA7LA;AA8LA,EAAA,OAAA;AACA,IAAA,gBADA,4BACA,GADA,EACA;AAAA;;AACA,WAAA,QAAA,CAAA,kBAAA,EAAA,IAAA,EAAA;AACA,QAAA,iBAAA,EAAA,IADA;AAEA,QAAA,gBAAA,EAAA,IAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAIA,IAJA,CAIA,YAAA;AACA,QAAA,MAAA,CAAA,mBAAA,GAAA,MAAA,CAAA,mBAAA,CAAA,MAAA,CAAA,UAAA,IAAA;AAAA,iBAAA,IAAA,CAAA,SAAA,IAAA,GAAA,CAAA,SAAA;AAAA,SAAA,CAAA;;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,SADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAVA,EAUA,KAVA,CAUA,YAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,MADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OAfA;AAgBA,KAlBA;AAmBA,IAAA,UAnBA,sBAmBA,QAnBA,EAmBA;AAAA;;AACA,WAAA,KAAA,CAAA,QAAA,EAAA,QAAA,CAAA,UAAA,KAAA,EAAA;AACA,YAAA,KAAA,EAAA;AACA,UAAA,OAAA,CAAA,GAAA,CAAA,MAAA,CAAA,WAAA,EAAA,gBAAA;;AACA,UAAA,MAAA,CAAA,mBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,WAAA;;AACA,UAAA,MAAA,CAAA,WAAA,GAAA,EAAA;AACA,UAAA,MAAA,CAAA,aAAA,GAAA,KAAA;AACA,SALA,MAKA;AACA,iBAAA,KAAA;AACA;AACA,OATA;AAUA,KA9BA;AA+BA,IAAA,WA/BA,uBA+BA,IA/BA,EA+BA;AACA,WAAA,QAAA,CAAA,OAAA,EACA,IADA,CACA,UAAA,CAAA,EAAA;AACA,QAAA,IAAA;AACA,OAHA,EAIA,KAJA,CAIA,UAAA,CAAA,EAAA,CAAA,CAJA;AAKA,KArCA;AAsCA;AACA,IAAA,SAvCA,uBAuCA;AAAA;;AACA,UAAA,MAAA,GAAA;AACA,QAAA,0BAAA,EAAA,KAAA,0BADA;AAEA,QAAA,OAAA,EAAA,KAAA,cAAA,CAAA,GAFA;AAGA,QAAA,UAAA,EAAA,KAAA,cAAA,CAAA,KAHA;AAIA,QAAA,wBAAA,EAAA,KAAA,cAAA,CAAA,wBAJA;AAKA,QAAA,SAAA,EAAA,KAAA;AALA,OAAA;AAOA,MAAA,WAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,SADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OALA;AAMA,KArDA;AAsDA;AACA,IAAA,aAvDA,2BAuDA;AAAA;;AACA,UAAA,MAAA,GAAA,IAAA,eAAA,EAAA;AACA,MAAA,MAAA,CAAA,MAAA,CAAA,mBAAA,EAAA,KAAA,iBAAA;AACA,MAAA,MAAA,CAAA,MAAA,CAAA,qBAAA,EAAA,KAAA,aAAA,CAAA,YAAA;AACA,MAAA,MAAA,CAAA,MAAA,CAAA,cAAA,EAAA,KAAA,aAAA,CAAA,KAAA;AACA,MAAA,gBAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,SADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OALA;AAMA,KAlEA;AAmEA;AACA,IAAA,YApEA,wBAoEA,GApEA,EAoEA;AAAA;;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,GAAA,EAAA,QAAA;AACA,UAAA,MAAA,GAAA,IAAA,eAAA,EAAA;AACA,MAAA,MAAA,CAAA,MAAA,CAAA,mBAAA,EAAA,KAAA,iBAAA;AACA,MAAA,MAAA,CAAA,MAAA,CAAA,+BAAA,EAAA,GAAA;AACA,MAAA,eAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,SADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OALA;AAMA,KA/EA;AAgFA;AACA,IAAA,aAjFA,2BAiFA;AAAA;;AACA,UAAA,MAAA,GAAA,IAAA,eAAA,EAAA;AACA,MAAA,MAAA,CAAA,MAAA,CAAA,mBAAA,EAAA,KAAA,iBAAA;AACA,MAAA,MAAA,CAAA,MAAA,CAAA,yBAAA,EAAA,KAAA,QAAA,CAAA,SAAA;AACA,MAAA,MAAA,CAAA,MAAA,CAAA,wBAAA,EAAA,KAAA,QAAA,CAAA,QAAA;AACA,MAAA,iBAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,MAAA,CAAA,QAAA,CAAA;AACA,UAAA,IAAA,EAAA,SADA;AAEA,UAAA,OAAA,EAAA;AAFA,SAAA;AAIA,OALA;AAMA,KA5FA;AA6FA;AACA,IAAA,aA9FA,yBA8FA,GA9FA,EA8FA;AACA,UAAA,GAAA,IAAA,SAAA,EAAA;AACA,aAAA,WAAA,CAAA,OAAA,GAAA,CAAA,KAAA,WAAA,CAAA,OAAA;AACA;;AACA,UAAA,GAAA,IAAA,YAAA,EAAA;AACA,aAAA,WAAA,CAAA,UAAA,GAAA,CAAA,KAAA,WAAA,CAAA,UAAA;AACA;;AACA,UAAA,GAAA,IAAA,OAAA,EAAA;AACA,aAAA,WAAA,CAAA,KAAA,GAAA,CAAA,KAAA,WAAA,CAAA,KAAA;AACA;;AACA,UAAA,GAAA,IAAA,SAAA,EAAA;AACA,aAAA,WAAA,CAAA,OAAA,GAAA,CAAA,KAAA,WAAA,CAAA,OAAA;AACA;AACA,KA3GA;AA4GA,IAAA,YA5GA,wBA4GA,KA5GA,EA4GA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA;AACA,KA9GA;AA+GA,IAAA,IA/GA,kBA+GA;AAAA;;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,MAAA;AACA,UAAA,MAAA,GAAA,QAAA,CAAA,cAAA,CAAA,cAAA,CAAA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,QAAA,EAAA,MAAA;;AACA,MAAA,MAAA,CAAA,MAAA,GAAA,YAAA;AACA;AACA,QAAA,MAAA,CAAA,QAAA,GAFA,CAGA;;AACA,OAJA;AAKA,KAxHA;AAyHA,IAAA,QAzHA,sBAyHA;AACA,MAAA,OAAA,CAAA,GAAA,CAAA,KAAA;AACA,WAAA,aAAA;AACA;AA5HA,uEA6HA,CAAA,CA7HA,mEA8HA;AAAA;;AACA,SAAA,QAAA,CAAA,mBAAA,EAAA,IAAA,EAAA;AACA,MAAA,iBAAA,EAAA,IADA;AAEA,MAAA,gBAAA,EAAA,IAFA;AAGA,MAAA,IAAA,EAAA;AAHA,KAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA,KAVA,EAWA,KAXA,CAWA,YAAA;AACA,MAAA,MAAA,CAAA,QAAA,CAAA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,OAAA,EAAA;AAFA,OAAA;AAIA,KAhBA;AAiBA,GAhJA,mEAiJA;AAAA;;AACA,SAAA,QAAA,CAAA,kBAAA,EAAA,IAAA,EAAA;AACA,MAAA,iBAAA,EAAA,IADA;AAEA,MAAA,gBAAA,EAAA,IAFA;AAGA,MAAA,IAAA,EAAA;AAHA,KAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA,KAVA,EAWA,KAXA,CAWA,YAAA;AACA,MAAA,OAAA,CAAA,QAAA,CAAA;AACA,QAAA,IAAA,EAAA,MADA;AAEA,QAAA,OAAA,EAAA;AAFA,OAAA;AAIA,KAhBA;AAiBA,GAnKA,mEAoKA,IApKA,EAoKA,QApKA,EAoKA;AACA,IAAA,OAAA,CAAA,GAAA,CAAA,IAAA,EAAA,QAAA;AACA,GAtKA,qEAuKA,IAvKA,EAuKA;AACA,IAAA,OAAA,CAAA,GAAA,CAAA,IAAA;AACA,GAzKA,mEA0KA,KA1KA,EA0KA,QA1KA,EA0KA;AACA,SAAA,QAAA,CAAA,OAAA,yGACA,KAAA,CAAA,MADA,+DACA,KAAA,CAAA,MAAA,GAAA,QAAA,CAAA,MADA;AAGA,GA9KA,mEA+KA,IA/KA,EA+KA,QA/KA,EA+KA;AACA,WAAA,KAAA,QAAA,oCAAA,IAAA,CAAA,IAAA,YAAA;AACA,GAjLA,mFAmLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAA,SAAA,CAAA,OAAA,CAAA;AACA,MAAA,IAAA,EAAA,EADA;AAEA,MAAA,IAAA,EAAA,EAFA;AAGA,MAAA,MAAA,EAAA,IAHA;AAIA,MAAA,OAAA,EAAA,IAJA;AAKA,MAAA,OAAA,EAAA,IALA;AAMA,MAAA,MAAA,EAAA;AANA,KAAA,EAXA,CAmBA;AACA;AACA,GAxMA,6DA0MA,GA1MA,EA0MA;AACA,SAAA,IAAA,GAAA,IAAA,GAAA,EAAA;AACA;AACA,UAAA,GAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA,GAAA,CAAA,GAAA,CAAA,KAAA,IAAA,IAAA,OAAA,GAAA,CAAA,GAAA,CAAA,KAAA,WAAA,EAAA;AACA,aAAA,QAAA,CAAA,iCAAA;AACA;AACA;AACA;;AACA,QAAA,MAAA,GAAA;AACA,MAAA,IAAA,EAAA,GAAA,CAAA,IADA;AAEA,MAAA,IAAA,EAAA,GAAA,CAAA,IAFA,CAGA;AACA;AACA;;AALA,KAAA;AAOA,SAAA,mBAAA,GAfA,CAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAjOA,mEAmOA,GAnOA,EAmOA;AACA;AACA,QAAA,GAAA,CAAA,MAAA,EAAA;AACA,WAAA,IAAA,GAAA,IAAA,GAAA,EAAA;AACA,YAAA,GAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA,GAAA,CAAA,GAAA,CAAA,KAAA,IAAA,IAAA,OAAA,GAAA,CAAA,GAAA,CAAA,KAAA,WAAA,EAAA;AACA,eAAA,QAAA,CAAA,iCAAA;AACA;AACA;AACA;;AACA,UAAA,MAAA,GAAA;AACA,QAAA,IAAA,EAAA,GAAA,CAAA,IADA;AAEA,QAAA,IAAA,EAAA,GAAA,CAAA,IAFA;AAGA,QAAA,MAAA,EAAA,QAAA,CAAA,GAAA,CAAA,MAAA,CAHA;AAIA,QAAA,OAAA,EAAA,QAAA,CAAA,GAAA,CAAA,OAAA,CAJA;AAKA,QAAA,OAAA,EAAA,GAAA,CAAA;AALA,OAAA,CAPA,CAcA;AACA;AACA;AACA;AACA;AACA;AACA,KApBA,MAoBA;AACA;AACA,MAAA,GAAA,CAAA,MAAA,GAAA,IAAA;AACA;AACA,GA7PA,mEA+PA,GA/PA,EA+PA;AACA;AACA,QAAA,GAAA,CAAA,MAAA,EAAA;AACA,WAAA,mBAAA;AACA,KAFA,MAEA;AACA;AACA,WAAA,QAAA,CAAA,uCAAA,EAAA,SAAA,EAAA;AACA,QAAA,iBAAA,EAAA,MADA;AAEA,QAAA,gBAAA,EAAA,QAFA;AAGA,QAAA,IAAA,EAAA;AAHA,OAAA,EAKA,IALA,CAKA,YAAA,CACA;AACA;AACA;AACA;AACA;AACA;AACA,OAZA,EAaA,KAbA,CAaA,YAAA,CAAA,CAbA;AAcA;AACA,GApRA,qEAsRA,GAtRA,EAsRA,KAtRA,EAsRA,MAtRA,EAsRA;AAAA;;AACA;AACA;AACA;AACA;AACA,QAAA,QAAA,GAAA,aAAA,MAAA,CAAA,IAAA,IAAA,GAAA,OAAA,EAAA,CAAA,CALA,CAKA;AACA;;AACA,QAAA,IAAA,GAAA,0BAAA;AACA,QAAA,OAAA,GAAA;AACA;AACA;AACA;AACA;AACA;AACA,MAAA,SAAA,EAAA,EANA;AAMA;AACA,MAAA,QAAA,EAAA,OAPA;AAOA;AACA,MAAA,QAAA,EAAA,QARA;AAQA;AACA,MAAA,QAAA,EAAA,QATA;AASA;AACA,MAAA,UAAA,EAAA,MAVA;AAWA,MAAA,eAAA,EAAA,CAXA;AAYA,MAAA,KAAA,EAAA,IAZA;AAYA;AACA,MAAA,eAAA,EAAA,IAbA;AAaA;AACA,MAAA,cAAA,EAAA,KAAA,IAdA;AAcA;AACA,MAAA,IAAA,EAAA;AACA;AACA,QAAA,KAAA,EAAA,MAFA;AAEA;AACA,QAAA,OAAA,EAAA,0BAHA;AAGA;AACA,QAAA,GAAA,EAAA,CAJA;AAIA;AACA,QAAA,MAAA,EAAA,KALA,CAKA;;AALA;AAfA,KAAA;;AAuBA,QAAA,KAAA,UAAA,IAAA,SAAA,EAAA;AACA,WAAA,UAAA,GAAA,IAAA,CAAA,OAAA,CAAA,IAAA,EAAA,OAAA,CAAA,CADA,CACA;AACA;AACA;AACA;AACA;;AACA,WAAA,UAAA,CAAA,EAAA,CAAA,OAAA,EAAA,UAAA,GAAA,EAAA;AACA,QAAA,OAAA,CAAA,GAAA,CAAA,mBAAA,EAAA,GAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,GAAA;AACA,OAHA,EANA,CAUA;;AACA,WAAA,UAAA,CAAA,EAAA,CAAA,WAAA,EAAA,UAAA,SAAA,EAAA,CACA;AACA,OAFA,EAXA,CAcA;;AACA,WAAA,UAAA,CAAA,EAAA,CAAA,SAAA,EAAA,UAAA,OAAA,EAAA;AACA;AACA;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,MAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,MAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,MAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,MAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,MAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,MAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,SAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,SAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,SAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,SAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,SAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;;AACA,QAAA,OAAA,CAAA,UAAA,CAAA,SAAA,CAAA,SAAA,EAAA;AAAA,UAAA,GAAA,EAAA;AAAA,SAAA;AACA,OAfA,EAfA,CA+BA;;AACA,WAAA,UAAA,CAAA,EAAA,CAAA,SAAA,EAAA,UAAA,KAAA,EAAA,OAAA,EAAA,MAAA,EAAA;AACA,YAAA,KAAA,CAAA,OAAA,CAAA,MAAA,KAAA,CAAA,CAAA,EAAA;AACA;AACA,cAAA,WAAA,GAAA,IAAA,WAAA,EAAA;AACA,cAAA,KAAA,GAAA,IAAA,UAAA,CAAA,OAAA,CAAA;AACA,cAAA,IAAA,GAAA,WAAA,CAAA,MAAA,CAAA,KAAA,CAAA,CAJA,CAIA;;AACA,cAAA,GAAA,GAAA,IAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CALA,CAKA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SA1BA,MA0BA,IAAA,KAAA,CAAA,OAAA,CAAA,MAAA,KAAA,CAAA,CAAA,EAAA;AACA,cAAA;AACA,gBAAA,YAAA,GAAA,IAAA,WAAA,EAAA;;AACA,gBAAA,MAAA,GAAA,IAAA,UAAA,CAAA,OAAA,CAAA;;AACA,gBAAA,KAAA,GAAA,YAAA,CAAA,MAAA,CAAA,MAAA,CAAA,CAHA,CAGA;;;AACA,gBAAA,IAAA,GAAA,IAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAJA,CAIA;;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,IAAA,EALA,CAKA;;AACA,YAAA,OAAA,CAAA,OAAA,GAAA,2BAAA,IAAA,CAAA,GAAA;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,QAAA;AACA,WARA,CAQA,gBAAA;AACA,gBAAA,SAAA,GAAA,aAAA;AACA,gBAAA,IAAA,GAAA,IAAA,IAAA,CAAA,CAAA,OAAA,CAAA,EAAA;AAAA,cAAA,IAAA,EAAA;AAAA,aAAA,CAAA;;AACA,gBAAA,SAAA,GAAA,CAAA,MAAA,CAAA,GAAA,IAAA,MAAA,CAAA,SAAA,EAAA,eAAA,CAAA,IAAA,CAAA;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,SAAA;AACA;AACA,SAfA,MAeA,IAAA,KAAA,CAAA,OAAA,CAAA,MAAA,KAAA,CAAA,CAAA,EAAA;AACA,cAAA;AACA,gBAAA,aAAA,GAAA,IAAA,WAAA,EAAA;;AACA,gBAAA,OAAA,GAAA,IAAA,UAAA,CAAA,OAAA,CAAA;;AACA,gBAAA,MAAA,GAAA,aAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAHA,CAGA;;;AACA,gBAAA,KAAA,GAAA,IAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAJA,CAIA;;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,KAAA,EALA,CAKA;;AACA,YAAA,OAAA,CAAA,OAAA,GAAA,2BAAA,KAAA,CAAA,GAAA;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,QAAA;AACA,WARA,CAQA,iBAAA;AACA,gBAAA,UAAA,GAAA,aAAA;;AACA,gBAAA,KAAA,GAAA,IAAA,IAAA,CAAA,CAAA,OAAA,CAAA,EAAA;AAAA,cAAA,IAAA,EAAA;AAAA,aAAA,CAAA;;AACA,gBAAA,UAAA,GAAA,CAAA,MAAA,CAAA,GAAA,IAAA,MAAA,CAAA,SAAA,EAAA,eAAA,CAAA,KAAA,CAAA;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,UAAA;AACA;AACA,SAfA,MAeA,IAAA,KAAA,CAAA,OAAA,CAAA,MAAA,KAAA,CAAA,CAAA,EAAA;AACA,cAAA;AACA,gBAAA,aAAA,GAAA,IAAA,WAAA,EAAA;;AACA,gBAAA,OAAA,GAAA,IAAA,UAAA,CAAA,OAAA,CAAA;;AACA,gBAAA,MAAA,GAAA,aAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAHA,CAGA;;;AACA,gBAAA,KAAA,GAAA,IAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAJA,CAIA;;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,KAAA,EALA,CAKA;;AACA,YAAA,OAAA,CAAA,OAAA,GAAA,2BAAA,KAAA,CAAA,GAAA;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,QAAA;AACA,WARA,CAQA,iBAAA;AACA,gBAAA,WAAA,GAAA,aAAA;;AACA,gBAAA,MAAA,GAAA,IAAA,IAAA,CAAA,CAAA,OAAA,CAAA,EAAA;AAAA,cAAA,IAAA,EAAA;AAAA,aAAA,CAAA;;AACA,gBAAA,UAAA,GAAA,CAAA,MAAA,CAAA,GAAA,IAAA,MAAA,CAAA,SAAA,EAAA,eAAA,CAAA,MAAA,CAAA;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,UAAA;AACA;AACA,SAfA,MAeA,IAAA,KAAA,CAAA,OAAA,CAAA,MAAA,KAAA,CAAA,CAAA,EAAA;AACA,cAAA;AACA,gBAAA,aAAA,GAAA,IAAA,WAAA,EAAA;;AACA,gBAAA,OAAA,GAAA,IAAA,UAAA,CAAA,OAAA,CAAA;;AACA,gBAAA,MAAA,GAAA,aAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAHA,CAGA;;;AACA,gBAAA,KAAA,GAAA,IAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAJA,CAIA;;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,KAAA,EALA,CAKA;;AACA,YAAA,OAAA,CAAA,OAAA,GAAA,2BAAA,KAAA,CAAA,GAAA;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,QAAA;AACA,WARA,CAQA,iBAAA;AACA,gBAAA,WAAA,GAAA,aAAA;;AACA,gBAAA,MAAA,GAAA,IAAA,IAAA,CAAA,CAAA,OAAA,CAAA,EAAA;AAAA,cAAA,IAAA,EAAA;AAAA,aAAA,CAAA;;AACA,gBAAA,UAAA,GAAA,CAAA,MAAA,CAAA,GAAA,IAAA,MAAA,CAAA,SAAA,EAAA,eAAA,CAAA,MAAA,CAAA;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,UAAA;AACA;AACA,SAfA,MAeA,IAAA,KAAA,CAAA,OAAA,CAAA,MAAA,KAAA,CAAA,CAAA,EAAA;AACA,cAAA;AACA,gBAAA,aAAA,GAAA,IAAA,WAAA,EAAA;;AACA,gBAAA,OAAA,GAAA,IAAA,UAAA,CAAA,OAAA,CAAA;;AACA,gBAAA,MAAA,GAAA,aAAA,CAAA,MAAA,CAAA,OAAA,CAAA,CAHA,CAGA;;;AACA,gBAAA,KAAA,GAAA,IAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAJA,CAIA;;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,KAAA,EAAA,KAAA,EALA,CAKA;;AACA,YAAA,OAAA,CAAA,OAAA,GAAA,2BAAA,KAAA,CAAA,GAAA;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,QAAA;AACA,WARA,CAQA,iBAAA;AACA,gBAAA,WAAA,GAAA,aAAA;;AACA,gBAAA,MAAA,GAAA,IAAA,IAAA,CAAA,CAAA,OAAA,CAAA,EAAA;AAAA,cAAA,IAAA,EAAA;AAAA,aAAA,CAAA;;AACA,gBAAA,UAAA,GAAA,CAAA,MAAA,CAAA,GAAA,IAAA,MAAA,CAAA,SAAA,EAAA,eAAA,CAAA,MAAA,CAAA;;AACA,YAAA,OAAA,CAAA,GAAA,CAAA,UAAA,EAAA,UAAA;AACA;AACA,SAfA,MAeA,IAAA,KAAA,CAAA,OAAA,CAAA,SAAA,KAAA,CAAA,CAAA,EAAA,CACA;AACA;AACA;AACA;AACA;AACA,SANA,MAMA,IAAA,KAAA,CAAA,OAAA,CAAA,SAAA,KAAA,CAAA,CAAA,EAAA,CACA;AACA;AACA;AACA;AACA;AACA,SANA,MAMA,IAAA,KAAA,CAAA,OAAA,CAAA,SAAA,KAAA,CAAA,CAAA,EAAA;AACA,UAAA,OAAA,CAAA,GAAA,4CACA,KADA,gDACA,OAAA,CAAA,QAAA,EADA,GAEA,IAAA,IAAA,EAFA,EAGA,IAAA,IAAA,GAAA,eAAA,EAHA;AAKA,SANA,MAMA,IAAA,KAAA,CAAA,OAAA,CAAA,SAAA,KAAA,CAAA,CAAA,EAAA;AACA,UAAA,OAAA,CAAA,GAAA,4CACA,KADA,gDACA,OAAA,CAAA,QAAA,EADA,GAEA,IAAA,IAAA,EAFA,EAGA,IAAA,IAAA,GAAA,eAAA,EAHA;AAKA,SANA,MAMA,IAAA,KAAA,CAAA,OAAA,CAAA,SAAA,KAAA,CAAA,CAAA,EAAA;AACA,UAAA,OAAA,CAAA,GAAA,4CACA,KADA,gDACA,OAAA,CAAA,QAAA,EADA,GAEA,IAAA,IAAA,EAFA,EAGA,IAAA,IAAA,GAAA,eAAA,EAHA;AAKA,SANA,MAMA,IAAA,KAAA,CAAA,OAAA,CAAA,SAAA,KAAA,CAAA,CAAA,EAAA;AACA,UAAA,OAAA,CAAA,GAAA,4CACA,KADA,gDACA,OAAA,CAAA,QAAA,EADA,GAEA,IAAA,IAAA,EAFA,EAGA,IAAA,IAAA,GAAA,eAAA,EAHA;AAKA,SANA,MAMA,IAAA,KAAA,CAAA,OAAA,CAAA,SAAA,KAAA,CAAA,CAAA,EAAA;AACA,UAAA,OAAA,CAAA,GAAA,4CACA,KADA,gDACA,OAAA,CAAA,QAAA,EADA,GAEA,IAAA,IAAA,EAFA,EAGA,IAAA,IAAA,GAAA,eAAA,EAHA;AAKA;AACA,OAjJA;AAkJA;AACA,GAxeA;AA9LA,CAAA","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n        })\r\n    },\r\n    methods: {\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.addDianForm={}\r\n            this.dialogVisible = false\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/bb5d92242d460e2e0b368d1cb0361f5b.json b/node_modules/.cache/babel-loader/bb5d92242d460e2e0b368d1cb0361f5b.json
new file mode 100644
index 00000000..7016f714
--- /dev/null
+++ b/node_modules/.cache/babel-loader/bb5d92242d460e2e0b368d1cb0361f5b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673232721964},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      form: {\n        name1: '离线',\n        name2: '重新配置',\n        state: '关',\n        endTime: '连接',\n        blacklist: '-1x-1',\n        autograph: '-1x-1',\n        version: '0',\n        version1: '0',\n        version2: '0',\n        version4: '',\n        version5: '不受支持的',\n        version6: '不受支持的',\n        version7: '不受支持的',\n        version8: '不受支持的'\n      },\n      showUpdateCertificate: false\n    };\n  }\n};",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqHA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,KAAA,EAAA,IADA;AAEA,QAAA,KAAA,EAAA,MAFA;AAGA,QAAA,KAAA,EAAA,GAHA;AAIA,QAAA,OAAA,EAAA,IAJA;AAKA,QAAA,SAAA,EAAA,OALA;AAMA,QAAA,SAAA,EAAA,OANA;AAOA,QAAA,OAAA,EAAA,GAPA;AAQA,QAAA,QAAA,EAAA,GARA;AASA,QAAA,QAAA,EAAA,GATA;AAUA,QAAA,QAAA,EAAA,EAVA;AAWA,QAAA,QAAA,EAAA,OAXA;AAYA,QAAA,QAAA,EAAA,OAZA;AAaA,QAAA,QAAA,EAAA,OAbA;AAcA,QAAA,QAAA,EAAA;AAdA,OADA;AAiBA,MAAA,qBAAA,EAAA;AAjBA,KAAA;AAmBA;AArBA,CAAA","sourcesContent":["<template>\r\n  <div >\r\n    <div >\r\n      <!-- <p>节点源</p> -->\r\n       <h3>节点源</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"来源：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源极状态：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"稳定状态：\">\r\n          {{ form.state }}\r\n        </el-form-item>\r\n        <el-form-item label=\"视频数据连接：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源分辨率：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"神经网络分辨率：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"输入帧速率：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"解码器帧速率：\">\r\n          {{ form.version1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"检测器帧速率：\">\r\n          {{ form.version2 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"最后一帧分析时间：\">\r\n          {{ form.version4 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"运动状态：\">\r\n          {{ form.version5 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机盘：\">\r\n          {{ form.version6 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机倾斜：\">\r\n          {{ form.version7 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"照相机变焦：\">\r\n          {{ form.version8 }}\r\n        </el-form-item>\r\n      </el-form>\r\n    <h3>立方体分析</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"多维数据集ID：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析ID：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析序列ID：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的轨迹：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"总缓存容量：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存启动：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存结束：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第最后一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n         <el-form-item label=\"上次自动保存时间戳：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n     <h3>洞察同步</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"上次同步时间戳：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次评估数据的差异：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次图像数据的差异：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n      </el-form>\r\n      <!-- <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button> -->\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/c18158dc01486915e072c159a2a158f8.json b/node_modules/.cache/babel-loader/c18158dc01486915e072c159a2a158f8.json
new file mode 100644
index 00000000..bf56aa8c
--- /dev/null
+++ b/node_modules/.cache/babel-loader/c18158dc01486915e072c159a2a158f8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport Pagination from '@/components/common/Pagination';\nimport { testApi } from '@/api/test';\nvar defaultListQuery = {\n  pageNum: 1,\n  pageSize: 10,\n  keyword: \"\"\n};\nexport default {\n  data: function data() {\n    return {\n      listQuery: Object.assign({}, defaultListQuery),\n      list: [],\n      total: 0,\n      listLoading: true,\n      selectedList: []\n    };\n  },\n  components: {\n    Pagination: Pagination\n  },\n  created: function created() {\n    this.getList();\n  },\n  methods: {\n    getList: function getList() {\n      var _this = this;\n\n      // 获取数据列表\n      this.listLoading = true;\n      testApi(this.listQuery).then(function (res) {\n        _this.listLoading = false;\n        _this.list = res.data.list;\n        _this.total = res.data.total;\n      });\n    },\n    handleSelectionChange: function handleSelectionChange(val) {\n      // 批量选择行数\n      this.selectedList = val;\n    }\n  }\n};",{"version":3,"sources":["test2-2.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,OAAA,UAAA,MAAA,gCAAA;AACA,SAAA,OAAA,QAAA,YAAA;AAEA,IAAA,gBAAA,GAAA;AACA,EAAA,OAAA,EAAA,CADA;AAEA,EAAA,QAAA,EAAA,EAFA;AAGA,EAAA,OAAA,EAAA;AAHA,CAAA;AAMA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,SAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,gBAAA,CADA;AAEA,MAAA,IAAA,EAAA,EAFA;AAGA,MAAA,KAAA,EAAA,CAHA;AAIA,MAAA,WAAA,EAAA,IAJA;AAKA,MAAA,YAAA,EAAA;AALA,KAAA;AAOA,GATA;AAUA,EAAA,UAAA,EAAA;AACA,IAAA,UAAA,EAAA;AADA,GAVA;AAaA,EAAA,OAbA,qBAaA;AACA,SAAA,OAAA;AACA,GAfA;AAgBA,EAAA,OAAA,EAAA;AACA,IAAA,OADA,qBACA;AAAA;;AAAA;AACA,WAAA,WAAA,GAAA,IAAA;AACA,MAAA,OAAA,CAAA,KAAA,SAAA,CAAA,CAAA,IAAA,CAAA,UAAA,GAAA,EAAA;AACA,QAAA,KAAA,CAAA,WAAA,GAAA,KAAA;AACA,QAAA,KAAA,CAAA,IAAA,GAAA,GAAA,CAAA,IAAA,CAAA,IAAA;AACA,QAAA,KAAA,CAAA,KAAA,GAAA,GAAA,CAAA,IAAA,CAAA,KAAA;AACA,OAJA;AAKA,KARA;AASA,IAAA,qBATA,iCASA,GATA,EASA;AAAA;AACA,WAAA,YAAA,GAAA,GAAA;AACA;AAXA;AAhBA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 2 </p>\r\n\r\n    <div class=\"table-container\">\r\n      <el-table ref=\"Table2\"\r\n                :data=\"list\"\r\n                style=\"width: 100%;\"\r\n                show-overflow-tooltip=\"true\"\r\n                @selection-change=\"handleSelectionChange\"\r\n                border>\r\n        <el-table-column type=\"selection\" align=\"center\"></el-table-column>\r\n        <el-table-column type=\"index\" label=\"序号\" align=\"center\" width=\"50\"></el-table-column>\r\n        <el-table-column label=\"人员ID\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.PersonID}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"人员姓名\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.FullName}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"学历\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.Degree}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"毕业院校\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.University}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"专业\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.Major}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"入校时间\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.AdmissionTime}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"毕业时间\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.GraduationTime}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"截止日期\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.EndDate}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" width=\"120\" align=\"center\" fixed=\"right\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button type=\"text\" \r\n                       @click=\"handleUpdate(scope.$index, scope.row)\">编辑</el-button>\r\n            <el-button type=\"text\"\r\n                       @click=\"handleDelete(scope.$index, scope.row)\">删除</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n\r\n    <!-- 分页组件 -->\r\n    <Pagination\r\n      :total=\"total\"\r\n      :page.sync=\"listQuery.pageNum\"\r\n      :limit.sync=\"listQuery.pageSize\"\r\n      @pagination=\"getList\"\r\n    ></Pagination>\r\n\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport Pagination from '@/components/common/Pagination';\r\nimport { testApi } from '@/api/test';\r\n\r\nconst defaultListQuery = {\r\n  pageNum: 1,\r\n  pageSize: 10,\r\n  keyword: \"\"\r\n};\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      listQuery: Object.assign({}, defaultListQuery),\r\n      list: [],\r\n      total: 0,\r\n      listLoading: true,\r\n      selectedList: [],\r\n    }\r\n  },\r\n  components: {\r\n    Pagination\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods:{\r\n    getList() {    // 获取数据列表\r\n      this.listLoading = true;\r\n      testApi(this.listQuery).then(res => {\r\n        this.listLoading = false;\r\n        this.list = res.data.list;\r\n        this.total = res.data.total;\r\n      });\r\n    },\r\n    handleSelectionChange(val){    // 批量选择行数\r\n      this.selectedList = val;\r\n    },\r\n  }\r\n}\r\n</script>\r\n"],"sourceRoot":"src/page/test2"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/c5e8e3b70afb5c61af793789bf80d03d.json b/node_modules/.cache/babel-loader/c5e8e3b70afb5c61af793789bf80d03d.json
index 93f514d5..ef7b036a 100644
--- a/node_modules/.cache/babel-loader/c5e8e3b70afb5c61af793789bf80d03d.json
+++ b/node_modules/.cache/babel-loader/c5e8e3b70afb5c61af793789bf80d03d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673257798167},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'congestionChart',\n  //拥堵组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        time: '7:40',\n        type: '小汽车',\n        carNumber: '苏E.999999',\n        lane: '成华大道',\n        event: 'in',\n        speed: '80',\n        headWay: '10'\n      }, {\n        time: '9:40',\n        type: '货车',\n        carNumber: '苏E.888888',\n        lane: '成华大道',\n        event: 'in',\n        speed: '60',\n        headWay: '10'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        carNumber: '苏E.777777',\n        lane: '成华大道',\n        event: 'in',\n        speed: '90',\n        headWay: '10'\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  拥堵组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673592982569},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nexport default {\n  name: 'congestionChart',\n  //拥堵组件\n  props: ['pageType', 'triggerType', 'data'],\n  components: {\n    lineChart: lineChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable\n  },\n  data: function data() {\n    return {\n      title: '拥堵组件'\n    };\n  },\n  methods: {},\n  mounted: function mounted() {},\n  watch: {}\n};",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,OAAA,YAAA;AACA,OAAA,SAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,iBADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,SAAA,EAAA,SAFA;AAGA,IAAA,YAAA,EAAA,YAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,WAAA,EAAA;AALA,GAHA;AAUA,EAAA,IAVA,kBAUA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAdA;AAeA,EAAA,OAAA,EAAA,EAfA;AAgBA,EAAA,OAhBA,qBAgBA,CAAA,CAhBA;AAiBA,EAAA,KAAA,EAAA;AAjBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '拥堵组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/cfb427167bb86705eb00724b12b67d9d.json b/node_modules/.cache/babel-loader/cfb427167bb86705eb00724b12b67d9d.json
new file mode 100644
index 00000000..980acc6f
--- /dev/null
+++ b/node_modules/.cache/babel-loader/cfb427167bb86705eb00724b12b67d9d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\i18n.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\i18n.js","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["export var messages = {\n  'zh': {\n    i18n: {\n      breadcrumb: '国际化产品',\n      tips: '通过切换语言按钮，来改变当前内容的语言。',\n      btn: '切换英文',\n      title1: '常用用法',\n      p1: '要是你把你的秘密告诉了风，那就别怪风把它带给树。',\n      p2: '没有什么比信念更能支撑我们度过艰难的时光了。',\n      p3: '只要能把自己的事做好，并让自己快乐，你就领先于大多数人了。',\n      title2: '组件插值',\n      info: 'Element组件需要国际化，请参考 {action}。',\n      value: '文档'\n    }\n  },\n  'en': {\n    i18n: {\n      breadcrumb: 'International Products',\n      tips: 'Click on the button to change the current language. ',\n      btn: 'Switch Chinese',\n      title1: 'Common usage',\n      p1: \"If you reveal your secrets to the wind you should not blame the wind for  revealing them to the trees.\",\n      p2: \"Nothing can help us endure dark times better than our faith. \",\n      p3: \"If you can do what you do best and be happy, you're further along in life  than most people.\",\n      title2: 'Component interpolation',\n      info: 'The default language of Element is Chinese. If you wish to use another language, please refer to the {action}.',\n      value: 'documentation'\n    }\n  }\n};",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/components/common/i18n.js"],"names":["messages","i18n","breadcrumb","tips","btn","title1","p1","p2","p3","title2","info","value"],"mappings":"AAAA,OAAO,IAAMA,QAAQ,GAAG;AACtB,QAAM;AACJC,IAAAA,IAAI,EAAE;AACJC,MAAAA,UAAU,EAAE,OADR;AAEJC,MAAAA,IAAI,EAAE,sBAFF;AAGJC,MAAAA,GAAG,EAAE,MAHD;AAIJC,MAAAA,MAAM,EAAE,MAJJ;AAKJC,MAAAA,EAAE,EAAE,0BALA;AAMJC,MAAAA,EAAE,EAAE,wBANA;AAOJC,MAAAA,EAAE,EAAE,+BAPA;AAQJC,MAAAA,MAAM,EAAE,MARJ;AASJC,MAAAA,IAAI,EAAE,8BATF;AAUJC,MAAAA,KAAK,EAAE;AAVH;AADF,GADgB;AAetB,QAAM;AACJV,IAAAA,IAAI,EAAE;AACJC,MAAAA,UAAU,EAAE,wBADR;AAEJC,MAAAA,IAAI,EAAE,sDAFF;AAGJC,MAAAA,GAAG,EAAE,gBAHD;AAIJC,MAAAA,MAAM,EAAE,cAJJ;AAKJC,MAAAA,EAAE,EAAE,wGALA;AAMJC,MAAAA,EAAE,EAAE,+DANA;AAOJC,MAAAA,EAAE,EAAE,8FAPA;AAQJC,MAAAA,MAAM,EAAE,yBARJ;AASJC,MAAAA,IAAI,EAAE,gHATF;AAUJC,MAAAA,KAAK,EAAE;AAVH;AADF;AAfgB,CAAjB","sourcesContent":["export const messages = {\r\n  'zh': {\r\n    i18n: {\r\n      breadcrumb: '国际化产品',\r\n      tips: '通过切换语言按钮，来改变当前内容的语言。',\r\n      btn: '切换英文',\r\n      title1: '常用用法',\r\n      p1: '要是你把你的秘密告诉了风，那就别怪风把它带给树。',\r\n      p2: '没有什么比信念更能支撑我们度过艰难的时光了。',\r\n      p3: '只要能把自己的事做好，并让自己快乐，你就领先于大多数人了。',\r\n      title2: '组件插值',\r\n      info: 'Element组件需要国际化，请参考 {action}。',\r\n      value: '文档'\r\n    }\r\n  },\r\n  'en': {\r\n    i18n: {\r\n      breadcrumb: 'International Products',\r\n      tips: 'Click on the button to change the current language. ',\r\n      btn: 'Switch Chinese',\r\n      title1: 'Common usage',\r\n      p1: \"If you reveal your secrets to the wind you should not blame the wind for  revealing them to the trees.\",\r\n      p2: \"Nothing can help us endure dark times better than our faith. \",\r\n      p3: \"If you can do what you do best and be happy, you're further along in life  than most people.\",\r\n      title2: 'Component interpolation',\r\n      info: 'The default language of Element is Chinese. If you wish to use another language, please refer to the {action}.',\r\n      value: 'documentation'\r\n    }\r\n  }\r\n}"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/d20f4d153daa3b74a4d57bd8e1d4e751.json b/node_modules/.cache/babel-loader/d20f4d153daa3b74a4d57bd8e1d4e751.json
new file mode 100644
index 00000000..b80b4f96
--- /dev/null
+++ b/node_modules/.cache/babel-loader/d20f4d153daa3b74a4d57bd8e1d4e751.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      form: {\n        name: 55570,\n        delivery: true,\n        bytes: 4096\n      }\n    };\n  }\n};",{"version":3,"sources":["UDPServiceSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,IAAA,EAAA;AACA,QAAA,IAAA,EAAA,KADA;AAEA,QAAA,QAAA,EAAA,IAFA;AAGA,QAAA,KAAA,EAAA;AAHA;AADA,KAAA;AAOA;AATA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">UPD服务设置</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"upd服务器端口：\">\r\n          <el-input-number v-model=\"form.name\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"启用有效载荷：\">\r\n          <el-switch v-model=\"form.delivery\"></el-switch>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"最大数据包大小：\">\r\n          <el-input-number v-model=\"form.bytes\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n          bytes\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: 55570,\r\n        delivery: true,\r\n        bytes: 4096\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/views/SystemSettings"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/d31af6f8d972b668bae035f11a7d0458.json b/node_modules/.cache/babel-loader/d31af6f8d972b668bae035f11a7d0458.json
new file mode 100644
index 00000000..a3845c7f
--- /dev/null
+++ b/node_modules/.cache/babel-loader/d31af6f8d972b668bae035f11a7d0458.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {};\n  }\n};",{"version":3,"sources":["test1-2.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA,EAAA;AAGA;AALA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 2 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>"],"sourceRoot":"src/page/test1"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/dceee980f0359c89f763a9757823cbf1.json b/node_modules/.cache/babel-loader/dceee980f0359c89f763a9757823cbf1.json
new file mode 100644
index 00000000..0bcddeed
--- /dev/null
+++ b/node_modules/.cache/babel-loader/dceee980f0359c89f763a9757823cbf1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {};\n  }\n};",{"version":3,"sources":["Permission.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA,EAAA;AAGA;AALA,CAAA","sourcesContent":["<template>\r\n  <div>\r\n\r\n    <div class=\"crumbs\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item><i class=\"el-icon-warning\"></i> 权限测试</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </div>\r\n    <div class=\"container\">\r\n      <h1>管理员权限页面</h1>\r\n      <p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p>\r\n      <p>想尝试一下，请<router-link to=\"/Login\" class=\"logout\">退出登录</router-link>，随便输入个账号名，再进来试试看。</p>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    data(){\r\n      return{\r\n        \r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\nh1{\r\n  text-align: center;\r\n  margin: 30px 0;\r\n}\r\np{\r\n  line-height: 30px;\r\n  margin-bottom: 10px;\r\n  text-indent: 2em;\r\n}\r\n.logout{\r\n  color: #409EFF;\r\n}\r\n</style>"],"sourceRoot":"src/page"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/dd6374cd0c0f839f42e50585ea8abb0f.json b/node_modules/.cache/babel-loader/dd6374cd0c0f839f42e50585ea8abb0f.json
index 59edb2d6..2163b411 100644
--- a/node_modules/.cache/babel-loader/dd6374cd0c0f839f42e50585ea8abb0f.json
+++ b/node_modules/.cache/babel-loader/dd6374cd0c0f839f42e50585ea8abb0f.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673318378970},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'headWayChart',\n  //车头时距组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  车头时距组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\"/>\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType=='触发'\"/>\r\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType=='周期时刻'\"/>\r\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType=='周期统计'\" />\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props:['pageType','triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673593138887},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'headWayChart',\n  //车头时距组件\n  props: ['pageType', 'triggerType', 'data'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  created: function created() {// console.log(this.data, 'headway');\n  },\n  data: function data() {\n    return {\n      title: '车头时距组件'\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,cADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,CAFA;AAGA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,YAAA,EAAA,YALA;AAMA,IAAA,WAAA,EAAA,WANA;AAOA,IAAA,QAAA,EAAA;AAPA,GAHA;AAYA,EAAA,OAZA,qBAYA,CACA;AACA,GAdA;AAeA,EAAA,IAfA,kBAeA;AACA,WAAA;AACA,MAAA,KAAA,EAAA;AADA,KAAA;AAGA,GAnBA;AAoBA,EAAA,OAAA,EAAA,EApBA;AAqBA,EAAA,OArBA,qBAqBA,CAAA;AArBA,CAAA","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    created() {\r\n        // console.log(this.data, 'headway');\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/e25cfc279c10ea57a1a2509a5e0e4af2.json b/node_modules/.cache/babel-loader/e25cfc279c10ea57a1a2509a5e0e4af2.json
new file mode 100644
index 00000000..46d851f9
--- /dev/null
+++ b/node_modules/.cache/babel-loader/e25cfc279c10ea57a1a2509a5e0e4af2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      treeData: [{\n        id: 1,\n        label: '一级 1',\n        children: [{\n          id: 4,\n          label: '二级 1-1',\n          children: [{\n            id: 9,\n            label: '三级 1-1-1'\n          }, {\n            id: 10,\n            label: '三级 1-1-2'\n          }]\n        }]\n      }, {\n        id: 2,\n        label: '一级 2',\n        children: [{\n          id: 5,\n          label: '二级 2-1'\n        }, {\n          id: 6,\n          label: '二级 2-2'\n        }]\n      }, {\n        id: 3,\n        label: '一级 3',\n        children: [{\n          id: 7,\n          label: '二级 3-1'\n        }, {\n          id: 8,\n          label: '二级 3-2'\n        }]\n      }],\n      defaultProps: {\n        children: 'children',\n        label: 'label'\n      }\n    };\n  }\n};",{"version":3,"sources":["test3-1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA;AACA,MAAA,QAAA,EAAA,CACA;AACA,QAAA,EAAA,EAAA,CADA;AAEA,QAAA,KAAA,EAAA,MAFA;AAGA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,EAAA,EAAA,CADA;AAEA,UAAA,KAAA,EAAA,QAFA;AAGA,UAAA,QAAA,EAAA,CACA;AACA,YAAA,EAAA,EAAA,CADA;AAEA,YAAA,KAAA,EAAA;AAFA,WADA,EAKA;AACA,YAAA,EAAA,EAAA,EADA;AAEA,YAAA,KAAA,EAAA;AAFA,WALA;AAHA,SADA;AAHA,OADA,EAqBA;AACA,QAAA,EAAA,EAAA,CADA;AAEA,QAAA,KAAA,EAAA,MAFA;AAGA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,EAAA,EAAA,CADA;AAEA,UAAA,KAAA,EAAA;AAFA,SADA,EAKA;AACA,UAAA,EAAA,EAAA,CADA;AAEA,UAAA,KAAA,EAAA;AAFA,SALA;AAHA,OArBA,EAmCA;AACA,QAAA,EAAA,EAAA,CADA;AAEA,QAAA,KAAA,EAAA,MAFA;AAGA,QAAA,QAAA,EAAA,CACA;AACA,UAAA,EAAA,EAAA,CADA;AAEA,UAAA,KAAA,EAAA;AAFA,SADA,EAKA;AACA,UAAA,EAAA,EAAA,CADA;AAEA,UAAA,KAAA,EAAA;AAFA,SALA;AAHA,OAnCA,CADA;AAmDA,MAAA,YAAA,EAAA;AACA,QAAA,QAAA,EAAA,UADA;AAEA,QAAA,KAAA,EAAA;AAFA;AAnDA,KAAA;AAwDA;AA1DA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\" >\r\n  <div class=\"container\">\r\n    <p>主体页面 3 - 1 </p>\r\n    <div class=\"test-div\">\r\n      <el-tree\r\n        :data=\"treeData\"\r\n        show-checkbox\r\n        node-key=\"id\"\r\n        :props=\"defaultProps\">\r\n      </el-tree>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      treeData: [\r\n        {\r\n          id: 1,\r\n          label: '一级 1',\r\n          children: [\r\n            { \r\n              id: 4, \r\n              label: '二级 1-1',\r\n              children: [\r\n                {\r\n                  id: 9,\r\n                  label: '三级 1-1-1'\r\n                }, \r\n                {\r\n                  id: 10,\r\n                  label: '三级 1-1-2'\r\n                }\r\n              ]\r\n            }\r\n          ]\r\n        }, \r\n        {\r\n          id: 2,\r\n          label: '一级 2',\r\n          children: [\r\n            {\r\n              id: 5,\r\n              label: '二级 2-1'\r\n            }, \r\n            {\r\n              id: 6,\r\n              label: '二级 2-2'\r\n            }\r\n          ]\r\n        }, \r\n        {\r\n          id: 3,\r\n          label: '一级 3',\r\n          children: [\r\n            { \r\n              id: 7, \r\n              label: '二级 3-1' \r\n            }, \r\n            { \r\n              id: 8, \r\n              label: '二级 3-2' \r\n            }\r\n          ]\r\n        }\r\n      ],\r\n      defaultProps: {\r\n        children: 'children',\r\n        label: 'label'\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>"],"sourceRoot":"src/page/test3"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/e49276f000850bacb2745bb8ac841eaf.json b/node_modules/.cache/babel-loader/e49276f000850bacb2745bb8ac841eaf.json
new file mode 100644
index 00000000..037eeb6d
--- /dev/null
+++ b/node_modules/.cache/babel-loader/e49276f000850bacb2745bb8ac841eaf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      itemList: [{\n        path: 'test2-1',\n        title: '二级菜单2-1'\n      }, {\n        path: 'test2-2',\n        title: '二级菜单2-2'\n      }, {\n        path: 'test2-3',\n        title: '二级菜单2-3'\n      }]\n    };\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,OAAA,QAAA,MAAA,gCAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA;AADA,GADA;AAIA,EAAA,IAJA,kBAIA;AACA,WAAA;AACA,MAAA,QAAA,EAAA,CACA;AAAA,QAAA,IAAA,EAAA,SAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OADA,EAEA;AAAA,QAAA,IAAA,EAAA,SAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OAFA,EAGA;AAAA,QAAA,IAAA,EAAA,SAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OAHA;AADA,KAAA;AAOA;AAZA,CAAA","sourcesContent":["<template>\r\n  <div>\r\n\r\n    <el-aside>\r\n      <SideMenu :itemList='itemList'></SideMenu>\r\n    </el-aside>\r\n    <el-main>\r\n      <router-view></router-view>\r\n    </el-main>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [\r\n        { path: 'test2-1', title: '二级菜单2-1' },\r\n        { path: 'test2-2', title: '二级菜单2-2' },\r\n        { path: 'test2-3', title: '二级菜单2-3' }\r\n      ]\r\n    }\r\n  },\r\n}\r\n</script>"],"sourceRoot":"src/page/test2"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/e7d58d4cde25f423ef19467283310e61.json b/node_modules/.cache/babel-loader/e7d58d4cde25f423ef19467283310e61.json
index bcc03c1a..dde5fb9a 100644
--- a/node_modules/.cache/babel-loader/e7d58d4cde25f423ef19467283310e61.json
+++ b/node_modules/.cache/babel-loader/e7d58d4cde25f423ef19467283310e61.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      itemList: [// 水平一级菜单栏的菜单\n      // { path: '/Home', title: '首页' },\n      {\n        path: '/test1',\n        title: '一级菜单1'\n      }, {\n        path: '/test2',\n        title: '一级菜单2'\n      }, {\n        path: '/test3',\n        title: '一级菜单3'\n      }, {\n        path: '/permission',\n        title: '管理员权限'\n      } // { path: '/i18n', title: '国际化组件' }\n      ],\n      leftMenus: [{\n        title: '分析',\n        path: 'AnalysisMain',\n        icon: 'el-icon-data-line' // icon : require('@/assets/img/fenxi.png'),\n\n      }, {\n        title: '控制中心',\n        path: 'ControlCenter',\n        icon: 'el-icon-coin',\n        children: [{\n          title: '通用',\n          path: 'test1-2',\n          children: [{\n            title: '关于本机',\n            path: 'AboutMachine'\n          }, {\n            title: '网络',\n            path: 'network'\n          }, {\n            title: 'VPN',\n            path: 'VPN'\n          }, {\n            title: '自定义操作',\n            path: 'CustomOperations'\n          }, {\n            title: '健康检测',\n            path: 'HealthCheck'\n          }]\n        }, {\n          title: '运行状态',\n          path: 'StateOperation' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: '接口',\n          path: 'interface' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: 'IP设置',\n          path: 'IPSetting' // icon : 'el-icon-user-solid',\n\n        }]\n      }, {\n        title: '系统设置',\n        path: 'SystemSettings',\n        icon: 'el-icon-s-tools',\n        children: [{\n          title: '全局设置',\n          path: 'globalSettings' // icon : 'bars',\n\n        }, {\n          title: '关于本机——导出设置',\n          path: 'ExportingSettings' // icon : 'tool',\n\n        }, {\n          title: '关于本机——导入设置',\n          path: 'ImportSettings' // icon : 'tool',\n\n        }, {\n          title: '接口与服务器证书',\n          path: 'InterfaceServerCertificates' // icon : 'tool',\n\n        }, {\n          title: 'UDP服务设置',\n          path: 'UDPServiceSettings' // icon : 'tool',\n\n        }]\n      }, {\n        title: '用户管理',\n        path: 'UserManagement',\n        icon: 'el-icon-user-solid',\n        children: [{\n          title: '我的账号',\n          path: 'myId' // icon : 'bars',\n\n        }, {\n          title: '账号管理',\n          path: 'IdManagement' // icon : 'tool',\n\n        }]\n      }, {\n        title: '通知/日志',\n        path: 'logs',\n        icon: 'el-icon-phone'\n      }],\n      globalTheme: false\n    };\n  },\n  computed: {\n    username: function username() {\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex: function toIndex() {\n      // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    }\n  },\n  created: function created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect: function handleSelect(path) {\n      // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'loginout') {\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n          path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle: function handleChangeStyle() {\n      // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme); // 本地存储选择的 globalTheme\n\n      bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n    }\n  }\n};",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n    <!-- </div> -->\r\n     \r\n    \r\n\r\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\r\n     <!-- <el-container> -->\r\n        <div class=\"header\" >\r\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\r\n      <!-- 水平一级菜单 -->\r\n      <div style=\"float:left;\">\r\n        <!-- <el-menu \r\n          mode=\"horizontal\"\r\n          text-color=\"#000000\"\r\n          active-text-color=\"#3989fa\"\r\n          :default-active=\"toIndex\" \r\n          @select=\"handleSelect\">\r\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\r\n            <span slot=\"title\">{{ item.title }}</span>\r\n          </el-menu-item>\r\n        </el-menu> -->\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n   background: url('../../assets/img/leftBg.png'); \r\n    max-height: 1000px;\r\n    background-size: 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"],"sourceRoot":"src/components/common"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.regexp.split\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nimport bus from \"@/utils/bus\";\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      itemList: [// 水平一级菜单栏的菜单\n      // { path: '/Home', title: '首页' },\n      {\n        path: '/test1',\n        title: '一级菜单1'\n      }, {\n        path: '/test2',\n        title: '一级菜单2'\n      }, {\n        path: '/test3',\n        title: '一级菜单3'\n      }, {\n        path: '/permission',\n        title: '管理员权限'\n      } // { path: '/i18n', title: '国际化组件' }\n      ],\n      leftMenus: [{\n        title: '分析',\n        path: '/test1/AnalysisMain',\n        icon: 'el-icon-data-line' // icon : require('@/assets/img/fenxi.png'),\n\n      }, {\n        title: '控制中心',\n        path: 'ControlCenter',\n        icon: 'el-icon-coin',\n        children: [{\n          title: '通用',\n          path: 'test1-2',\n          children: [{\n            title: '关于本机',\n            path: '/test1/AboutMachine'\n          }, {\n            title: '网络',\n            path: '/test1/network'\n          }, {\n            title: 'VPN',\n            path: '/test1/VPN'\n          }, {\n            title: '自定义操作',\n            path: '/test1/CustomOperations'\n          }, {\n            title: '健康检测',\n            path: '/test1/HealthCheck'\n          }]\n        }, {\n          title: '运行状态',\n          path: '/test1/StateOperation' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: '接口',\n          path: '/test1/interface' // icon : 'el-icon-user-solid',\n\n        }, {\n          title: 'IP设置',\n          path: '/test1/IPSetting' // icon : 'el-icon-user-solid',\n\n        }]\n      }, {\n        title: '系统设置',\n        path: 'SystemSettings',\n        icon: 'el-icon-s-tools',\n        children: [{\n          title: '全局设置',\n          path: '/test1/globalSettings' // icon : 'bars',\n\n        }, {\n          title: '关于本机——导出设置',\n          path: '/test1/ExportingSettings' // icon : 'tool',\n\n        }, {\n          title: '关于本机——导入设置',\n          path: '/test1/ImportSettings' // icon : 'tool',\n\n        }, {\n          title: '接口与服务器证书',\n          path: '/test1/InterfaceServerCertificates' // icon : 'tool',\n\n        }, {\n          title: 'UDP服务设置',\n          path: '/test1/UDPServiceSettings' // icon : 'tool',\n\n        }]\n      }, {\n        title: '用户管理',\n        path: 'UserManagement',\n        icon: 'el-icon-user-solid',\n        children: [{\n          title: '我的账号',\n          path: '/test1/myId' // icon : 'bars',\n\n        }, {\n          title: '账号管理',\n          path: '/test1/IdManagement' // icon : 'tool',\n\n        }]\n      }, {\n        title: '通知/日志',\n        path: '/test1/logs',\n        icon: 'el-icon-phone'\n      }],\n      globalTheme: false\n    };\n  },\n  computed: {\n    username: function username() {\n      return localStorage.getItem('ms_username') || '';\n    },\n    toIndex: function toIndex() {\n      // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\n      return '/' + this.$route.path.split('/')[1];\n    }\n  },\n  created: function created() {\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\n    bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n  },\n  methods: {\n    handleSelect: function handleSelect(path) {\n      // 切换菜单栏\n      this.$router.push({\n        path: path\n      });\n    },\n    handleCommand: function handleCommand(command) {\n      // 用户名下拉菜单选择事件\n      if (command == 'loginout') {\n        localStorage.removeItem('ms_username');\n        this.$router.push({\n          path: '/Login'\n        });\n      }\n    },\n    handleChangeStyle: function handleChangeStyle() {\n      // 切换主题\n      this.globalTheme = !this.globalTheme;\n      localStorage.setItem('global_theme', this.globalTheme); // 本地存储选择的 globalTheme\n\n      bus.$emit('global_theme', this.globalTheme); // 将 globalTheme 的值传给父组件\n    }\n  }\n};",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n        <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n        <div class=\"header\" >\r\n      <!-- 水平一级菜单 -->\r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: '/test1/AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: '/test1/AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: '/test1/network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: '/test1/VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: '/test1/CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: '/test1/HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: '/test1/StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: '/test1/interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: '/test1/IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: '/test1/globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: '/test1/ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: '/test1/ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: '/test1/InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: '/test1/UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: '/test1/myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: '/test1/IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: '/test1/logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    background: url('../../assets/img/leftBg.png'); \r\n    max-height: 100%;\r\n    background-size: 100% 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"],"sourceRoot":"src/components/common"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/e8f3882ef98de1791dec10c5e513e635.json b/node_modules/.cache/babel-loader/e8f3882ef98de1791dec10c5e513e635.json
index f82268b6..03f47ecf 100644
--- a/node_modules/.cache/babel-loader/e8f3882ef98de1791dec10c5e513e635.json
+++ b/node_modules/.cache/babel-loader/e8f3882ef98de1791dec10c5e513e635.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673318397848},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'speedChart',\n  //速度组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    regionTable: regionTable,\n    thermalChart: thermalChart,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  速度组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue'\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673592663793},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'speedChart',\n  //速度组件\n  props: ['pageType', 'triggerType', 'data'],\n  // pagetype:断面 || 区域  triggerType 触发||周期时刻||周期统计\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    regionTable: regionTable,\n    thermalChart: thermalChart,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      title: '速度组件',\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }] // triggerType: '周期统计',\n\n    };\n  },\n  created: function created() {// console.log(this.data);\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,OAAA,SAAA;AACA,OAAA,QAAA;AACA,OAAA,YAAA;AACA,OAAA,SAAA;AACA,OAAA,YAAA;AACA,OAAA,WAAA;AACA,OAAA,QAAA;AACA,eAAA;AACA,EAAA,IAAA,EAAA,YADA;AACA;AACA,EAAA,KAAA,EAAA,CAAA,UAAA,EAAA,aAAA,EAAA,MAAA,CAFA;AAGA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,SAAA,EAAA,SADA;AAEA,IAAA,QAAA,EAAA,QAFA;AAGA,IAAA,SAAA,EAAA,SAHA;AAIA,IAAA,YAAA,EAAA,YAJA;AAKA,IAAA,WAAA,EAAA,WALA;AAMA,IAAA,YAAA,EAAA,YANA;AAOA,IAAA,QAAA,EAAA;AAPA,GAJA;AAaA,EAAA,IAbA,kBAaA;AACA,WAAA;AACA,MAAA,KAAA,EAAA,MADA;AAEA,MAAA,SAAA,EAAA,CACA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OADA,EAYA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OAZA,EAuBA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OAvBA,EAkCA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OAlCA,EA6CA;AACA,QAAA,QAAA,EAAA,CADA;AAEA,QAAA,SAAA,EAAA,yBAFA;AAGA,QAAA,MAAA,EAAA,GAHA;AAIA,QAAA,IAAA,EAAA,KAJA;AAKA,QAAA,KAAA,EAAA,SALA;AAMA,QAAA,KAAA,EAAA,IANA;AAOA,QAAA,KAAA,EAAA,IAPA;AAQA,QAAA,IAAA,EAAA,CARA;AASA,QAAA,OAAA,EAAA;AATA,OA7CA,CAFA,CA2DA;;AA3DA,KAAA;AA6DA,GA3EA;AA4EA,EAAA,OA5EA,qBA4EA,CACA;AACA,GA9EA;AA+EA,EAAA,OAAA,EAAA,EA/EA;AAgFA,EAAA,OAhFA,qBAgFA,CAAA;AAhFA,CAAA","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :title=\"title\" :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    // pagetype:断面 || 区域  triggerType 触发||周期时刻||周期统计\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '速度组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ]\r\n            // triggerType: '周期统计',\r\n        };\r\n    },\r\n    created() {\r\n        // console.log(this.data);\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ed8339eb0c03dcffca5b5dcdf6b70991.json b/node_modules/.cache/babel-loader/ed8339eb0c03dcffca5b5dcdf6b70991.json
new file mode 100644
index 00000000..ebcb003e
--- /dev/null
+++ b/node_modules/.cache/babel-loader/ed8339eb0c03dcffca5b5dcdf6b70991.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {\n      optionsa: [{\n        value: '1',\n        label: '全局'\n      }],\n      tableRouter: [{\n        name: 'Router0',\n        target: 'e.g.10.0.0.0/8',\n        Range: 'e.g.192.168.0.1',\n        metric: '',\n        disabled: true\n      }, {\n        name: 'Router1',\n        target: 'e.g.10.0.0.0/8',\n        Range: 'e.g.192.168.0.1',\n        metric: '',\n        disabled: true\n      }, {\n        name: 'Router2',\n        target: 'e.g.10.0.0.0/8',\n        Range: 'e.g.192.168.0.1',\n        metric: '',\n        disabled: true\n      }, {\n        name: 'Router3',\n        target: 'e.g.10.0.0.0/8',\n        Range: 'e.g.192.168.0.1',\n        metric: '',\n        disabled: true\n      }],\n      sizeForm: {\n        name: '1',\n        region: '00:11:14:1a:62:fe',\n        MTU: '1500',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: true,\n        ip: '192.168.1.5/24',\n        gateway: 'n/a',\n        ip1: '192.168.50.10/24',\n        ip2: 'e.g.192.168.50.10/24',\n        ip3: 'e.g.192.168.50.10/24',\n        ip4: 'e.g.192.168.50.10/24',\n        dns1: 'e.g.1.1.1.1',\n        dns2: 'e.g.1.0.0.1',\n        dns3: 'e.g.1.0.0.1'\n      },\n      options: [{\n        value: '1',\n        label: 'eth0'\n      }],\n      tableData: [{\n        agreement: 'NO',\n        Range: '1',\n        address: '192.168.50.10/24',\n        term: '永久',\n        disabled: true\n      }, {\n        agreement: 'YES',\n        Range: '1',\n        address: '192.168.1.5/24',\n        term: '17小时',\n        disabled: true\n      }]\n    };\n  },\n  watch: {},\n  methods: {\n    changeVal: function changeVal(val, e) {\n      this.tableData[e].disabled = false;\n    },\n    changeValT: function changeValT(val, e) {\n      this.tableRouter[e].disabled = false;\n    },\n    handleClick: function handleClick(scope, e) {\n      console.log(scope, 'scope');\n    }\n  }\n};",{"version":3,"sources":["network.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p class=\"title\">界面</p>\r\n                <el-form-item label=\"界面：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\r\n                            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MAC地址：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MTU：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">运行状态</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"连接：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">接通</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">IPV4</p>\r\n                <el-table :data=\"tableData\" border style=\"width: 95%\">\r\n                    <el-table-column prop=\"address\" label=\"地址\">\r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"agreement\" label=\"协议\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"Range\" label=\"范围\">\r\n                      <template slot-scope=\"scope\">\r\n                      <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\r\n                            <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"term\" label=\"期限\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column\r\n                      fixed=\"right\"\r\n                      label=\"操作\"\r\n                      width=\"350\"\r\n                      >\r\n                  <template slot-scope=\"scope\" >\r\n                      <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                  </template>\r\n                  </el-table-column>\r\n                </el-table>\r\n                <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"网关：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.gateway\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"分配IP：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.ip\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\r\n                    <p class=\"title\">静态地址</p>\r\n                    <el-form-item label=\"IP1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP4：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip4\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <p class=\"title\">静态路由</p>\r\n                    <el-table :data=\"tableRouter\" border style=\"width: 95%\">\r\n                        <el-table-column prop=\"name\" label=\"名称\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"target\" label=\"目标\"> \r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"Range\" label=\"范围\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"metric\" label=\"metric\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            fixed=\"right\"\r\n                            label=\"操作\"\r\n                            width=\"350\"\r\n                            >\r\n                        <template slot-scope=\"scope\" >\r\n                            <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                        </template>\r\n                        </el-table-column>\r\n                    </el-table>\r\n                    <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\r\n                    <el-form-item label=\"DNS1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                </div>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n          optionsa:[\r\n              {\r\n                    value: '1',\r\n                    label: '全局'\r\n                } \r\n              ],\r\n            tableRouter: [\r\n                {\r\n                    name: 'Router0',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router1',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router2',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router3',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            sizeForm: {\r\n                name: '1',\r\n                region: '00:11:14:1a:62:fe',\r\n                MTU: '1500',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: true,\r\n                ip: '192.168.1.5/24',\r\n                gateway: 'n/a',\r\n                ip1: '192.168.50.10/24',\r\n                ip2: 'e.g.192.168.50.10/24',\r\n                ip3: 'e.g.192.168.50.10/24',\r\n                ip4: 'e.g.192.168.50.10/24',\r\n                dns1: 'e.g.1.1.1.1',\r\n                dns2: 'e.g.1.0.0.1',\r\n                dns3: 'e.g.1.0.0.1'\r\n            },\r\n            options: [\r\n                {\r\n                    value: '1',\r\n                    label: 'eth0'\r\n                }\r\n            ],\r\n            tableData: [\r\n                {\r\n                    agreement: 'NO',\r\n                    Range: '1',\r\n                    address: '192.168.50.10/24',\r\n                    term: '永久',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    agreement: 'YES',\r\n                    Range: '1',\r\n                    address: '192.168.1.5/24',\r\n                    term: '17小时',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            \r\n        };\r\n    },\r\n    watch: {\r\n     \r\n    },\r\n    methods:{\r\n      changeVal(val,e){\r\n        this.tableData[e].disabled = false\r\n      },\r\n      changeValT(val,e){\r\n        this.tableRouter[e].disabled = false\r\n      },\r\n      handleClick(scope,e){\r\n        console.log(scope,'scope');\r\n      }\r\n    }\r\n};\r\n</script>\r\n  \r\n  <style>\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n</style>\r\n  <style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/general"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/ef81b8e61589c4c090d4c6e867834b09.json b/node_modules/.cache/babel-loader/ef81b8e61589c4c090d4c6e867834b09.json
new file mode 100644
index 00000000..db276cd2
--- /dev/null
+++ b/node_modules/.cache/babel-loader/ef81b8e61589c4c090d4c6e867834b09.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\router\\index.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\router\\index.js","mtime":1673232721956},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import Vue from 'vue';\nimport VueRouter from 'vue-router';\nVue.use(VueRouter);\nvar originalPush = VueRouter.prototype.push;\n\nVueRouter.prototype.push = function push(location) {\n  return originalPush.call(this, location).catch(function (err) {\n    return err;\n  });\n};\n\nexport default new VueRouter({\n  routes: [{\n    path: '/',\n    // 程序启动默认路由\n    component: function component() {\n      return import('@/components/common/Whole.vue');\n    },\n    meta: {\n      title: '整体页面布局'\n    },\n    redirect: '/test1',\n    // 重定向到首页\n    children: [// {\n    //   path: '/Home',\n    //   component: () => import('@/page/Home.vue'),\n    //   meta: { title: '首页' }\n    // },\n    {\n      path: '/test1',\n      component: function component() {\n        return import('@/page/test1/index.vue');\n      },\n      meta: {\n        title: '一级菜单1'\n      },\n      redirect: '/test1/AnalysisMain',\n      // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\n      children: [{\n        path: 'test1-1',\n        component: function component() {\n          return import('@/page/test1/test1-1.vue');\n        },\n        meta: {\n          title: '二级菜单1-1'\n        }\n      }, {\n        path: 'test1-2',\n        component: function component() {\n          return import('@/page/test1/test1-2.vue');\n        },\n        meta: {\n          title: '二级菜单1-2'\n        }\n      }, {\n        path: 'test1-3',\n        component: function component() {\n          return import('@/page/test1/test1-3.vue');\n        },\n        meta: {\n          title: '二级菜单1-3'\n        }\n      }, {\n        path: 'test1-4',\n        component: function component() {\n          return import('@/page/test1/test1-4.vue');\n        },\n        meta: {\n          title: '二级菜单1-4'\n        }\n      }, {\n        path: 'test1-5',\n        component: function component() {\n          return import('@/page/test1/test1-5.vue');\n        },\n        meta: {\n          title: '二级菜单1-5'\n        }\n      }, {\n        path: 'AnalysisMain',\n        meta: {\n          title: '分析',\n          icon: 'ac'\n        },\n        component: function component() {\n          return import('@/views/AnalysisMain.vue');\n        }\n      }, {\n        path: 'index',\n        meta: {\n          title: '分析'\n        },\n        component: function component() {\n          return import('@/views/index.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'AboutMachine',\n        name: 'AboutMachine',\n        meta: {\n          title: '关于本机'\n        },\n        component: function component() {\n          return import('@/views/general/AboutMachine.vue');\n        }\n      }, {\n        path: 'network',\n        name: 'network',\n        meta: {\n          title: '网络'\n        },\n        component: function component() {\n          return import('@/views/general/network.vue');\n        }\n      }, {\n        path: 'VPN',\n        name: 'VPN',\n        meta: {\n          title: 'VPN'\n        },\n        component: function component() {\n          return import('@/views/general/VPN.vue');\n        }\n      }, {\n        path: 'CustomOperations',\n        name: 'CustomOperations',\n        meta: {\n          title: '自定义操作'\n        },\n        component: function component() {\n          return import('@/views/general/CustomOperations.vue');\n        }\n      }, {\n        path: 'HealthCheck',\n        name: 'HealthCheck',\n        meta: {\n          title: '健康检测'\n        },\n        component: function component() {\n          return import('@/views/general/HealthCheck.vue');\n        }\n      }, {\n        path: 'StateOperation',\n        name: 'StateOperation',\n        meta: {\n          title: '运行状态'\n        },\n        component: function component() {\n          return import('@/views/StateOperation.vue');\n        }\n      }, {\n        path: 'interface',\n        name: 'interface',\n        meta: {\n          title: '接口'\n        },\n        component: function component() {\n          return import('@/views/interface.vue');\n        }\n      }, {\n        path: 'IPSetting',\n        name: 'IPSetting',\n        meta: {\n          title: 'IP设置'\n        },\n        component: function component() {\n          return import('@/views/IPSetting.vue');\n        }\n      }, {\n        path: 'globalSettings',\n        name: 'globalSettings',\n        meta: {\n          title: '全局设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/globalSettings.vue');\n        }\n      }, {\n        path: 'ExportingSettings',\n        name: 'ExportingSettings',\n        meta: {\n          title: '关于本机——导出设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ExportingSettings.vue');\n        }\n      }, {\n        path: 'ImportSettings',\n        name: 'ImportSettings',\n        meta: {\n          title: '关于本机——导入设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/ImportSettings.vue');\n        }\n      }, {\n        path: 'InterfaceServerCertificates',\n        name: 'InterfaceServerCertificates',\n        meta: {\n          title: '接口与服务器证书'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/InterfaceServerCertificates.vue');\n        }\n      }, {\n        path: 'UDPServiceSettings',\n        name: 'UDPServiceSettings',\n        meta: {\n          title: 'UDP服务设置'\n        },\n        component: function component() {\n          return import('@/views/SystemSettings/UDPServiceSettings.vue');\n        }\n      }, {\n        path: 'myId',\n        name: 'myId',\n        meta: {\n          title: '我的账号'\n        },\n        component: function component() {\n          return import('@/views/myId.vue');\n        }\n      }, {\n        path: 'IdManagement',\n        name: 'IdManagement',\n        meta: {\n          title: '账号管理'\n        },\n        component: function component() {\n          return import('@/views/IdManagement.vue');\n        }\n      }, {\n        path: 'logs',\n        name: 'logs',\n        meta: {\n          title: '通知/日志'\n        },\n        component: function component() {\n          return import('@/views/logs.vue');\n        }\n      }]\n    }, {\n      path: '/test2',\n      component: function component() {\n        return import('@/page/test2/index.vue');\n      },\n      meta: {\n        title: '一级菜单2'\n      },\n      redirect: '/test2/test2-1',\n      // 该配置是若点击选择父目录时，默认选中该父目录下的子路径页面\n      children: [{\n        path: 'test2-1',\n        component: function component() {\n          return import('@/page/test2/test2-1.vue');\n        },\n        meta: {\n          title: '二级菜单2-1'\n        }\n      }, {\n        path: 'test2-2',\n        component: function component() {\n          return import('@/page/test2/test2-2.vue');\n        },\n        meta: {\n          title: '二级菜单2-2'\n        }\n      }, {\n        path: 'test2-3',\n        component: function component() {\n          return import('@/page/test2/test2-3.vue');\n        },\n        meta: {\n          title: '二级菜单2-3'\n        }\n      }]\n    }, {\n      path: '/test3',\n      component: function component() {\n        return import('@/page/test3/index.vue');\n      },\n      meta: {\n        title: '一级菜单3'\n      },\n      redirect: '/test3/test3-1',\n      children: [{\n        path: 'test3-1',\n        component: function component() {\n          return import('@/page/test3/test3-1.vue');\n        },\n        meta: {\n          title: '二级菜单3-1'\n        }\n      }, {\n        path: 'test3-2',\n        component: function component() {\n          return import('@/page/test3/test3-2.vue');\n        },\n        meta: {\n          title: '二级菜单3-2'\n        }\n      }]\n    }, {\n      path: '/i18n',\n      // 国际化组件\n      component: function component() {\n        return import('@/components/common/I18n.vue');\n      },\n      meta: {\n        title: '国际化'\n      }\n    }, {\n      path: '/permission',\n      // 权限页面\n      component: function component() {\n        return import('@/page/Permission.vue');\n      },\n      meta: {\n        title: '权限测试',\n        permission: true\n      }\n    }, {\n      path: '/404',\n      component: function component() {\n        return import('@/page/404.vue');\n      },\n      meta: {\n        title: '404'\n      }\n    }, {\n      path: '/403',\n      component: function component() {\n        return import('@/page/403.vue');\n      },\n      meta: {\n        title: '403'\n      }\n    }]\n  }, {\n    path: '/Login',\n    // 登录页面\n    component: function component() {\n      return import('@/page/Login.vue');\n    },\n    meta: {\n      title: '登录'\n    }\n  }, {\n    path: '*',\n    redirect: '/404'\n  }]\n});",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFLow/src/router/index.js"],"names":["Vue","VueRouter","use","originalPush","prototype","push","location","call","catch","err","routes","path","component","meta","title","redirect","children","icon","name","permission"],"mappings":"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","sourcesContent":["import Vue from 'vue';\r\nimport VueRouter from 'vue-router';\r\n\r\nVue.use(VueRouter);\r\n\r\nconst originalPush = VueRouter.prototype.push;\r\nVueRouter.prototype.push = function push(location) {\r\n  return originalPush.call(this, location).catch(err => err);\r\n}\r\n\r\nexport default new VueRouter({\r\n  routes: [{\r\n      path: '/', // 程序启动默认路由\r\n      component: () => import('@/components/common/Whole.vue'),\r\n      meta: {\r\n        title: '整体页面布局'\r\n      },\r\n      redirect: '/test1', // 重定向到首页\r\n      children: [\r\n        // {\r\n        //   path: '/Home',\r\n        //   component: () => import('@/page/Home.vue'),\r\n        //   meta: { title: '首页' }\r\n        // },\r\n        {\r\n          path: '/test1',\r\n          component: () => import('@/page/test1/index.vue'),\r\n          meta: { title: '一级菜单1' },\r\n          redirect: '/test1/AnalysisMain',  // 该配置是若点击选择一级菜单时，默认选中并跳转到该一级菜单下的第一个二级菜单\r\n          children:[\r\n            {\r\n              path: 'test1-1',\r\n              component: () => import('@/page/test1/test1-1.vue'),\r\n              meta: {\r\n                title: '二级菜单1-1'\r\n              },\r\n            },\r\n            {\r\n              path: 'test1-2',\r\n              component: () => import('@/page/test1/test1-2.vue'),\r\n              meta: {\r\n                title: '二级菜单1-2'\r\n              },\r\n            },\r\n            {\r\n              path: 'test1-3',\r\n              component: () => import('@/page/test1/test1-3.vue'),\r\n              meta: {\r\n                title: '二级菜单1-3'\r\n              },\r\n            },\r\n            {\r\n              path: 'test1-4',\r\n              component: () => import('@/page/test1/test1-4.vue'),\r\n              meta: {\r\n                title: '二级菜单1-4'\r\n              },\r\n            },\r\n            {\r\n              path: 'test1-5',\r\n              component: () => import('@/page/test1/test1-5.vue'),\r\n              meta: {\r\n                title: '二级菜单1-5'\r\n              },\r\n            },\r\n            {\r\n                path: 'AnalysisMain',\r\n                meta: { title: '分析' ,icon:'ac'},\r\n                component: () => import ('@/views/AnalysisMain.vue')\r\n              },\r\n            {\r\n                path: 'index',\r\n                meta: { title: '分析' },\r\n                component: () => import ('@/views/index.vue')\r\n              }, \r\n              {\r\n                path: 'AboutMachine',\r\n                name: 'AboutMachine',\r\n                meta: {\r\n                    title: '关于本机'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/AboutMachine.vue'),\r\n            }, {\r\n                path: 'network',\r\n                name: 'network',\r\n                meta: {\r\n                    title: '网络'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/network.vue'),\r\n            }, {\r\n                path: 'VPN',\r\n                name: 'VPN',\r\n                meta: {\r\n                    title: 'VPN'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/VPN.vue'),\r\n            }, {\r\n                path: 'CustomOperations',\r\n                name: 'CustomOperations',\r\n                meta: {\r\n                    title: '自定义操作'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/CustomOperations.vue'),\r\n            }, {\r\n                path: 'HealthCheck',\r\n                name: 'HealthCheck',\r\n                meta: {\r\n                    title: '健康检测'\r\n                },\r\n                component: () =>\r\n                    import ('@/views/general/HealthCheck.vue'),\r\n            },\r\n            {\r\n              path: 'AboutMachine',\r\n              name: 'AboutMachine',\r\n              meta: {\r\n                title: '关于本机'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/AboutMachine.vue'),\r\n            }, {\r\n              path: 'network',\r\n              name: 'network',\r\n              meta: {\r\n                title: '网络'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/network.vue'),\r\n            }, {\r\n              path: 'VPN',\r\n              name: 'VPN',\r\n              meta: {\r\n                title: 'VPN'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/VPN.vue'),\r\n            }, {\r\n              path: 'CustomOperations',\r\n              name: 'CustomOperations',\r\n              meta: {\r\n                title: '自定义操作'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/CustomOperations.vue'),\r\n            }, {\r\n              path: 'HealthCheck',\r\n              name: 'HealthCheck',\r\n              meta: {\r\n                title: '健康检测'\r\n              },\r\n              component: () =>\r\n                import('@/views/general/HealthCheck.vue'),\r\n            },\r\n            {\r\n              path: 'StateOperation',\r\n              name: 'StateOperation',\r\n              meta: {\r\n                title: '运行状态'\r\n              },\r\n              component: () =>\r\n                import('@/views/StateOperation.vue'),\r\n            }, {\r\n              path: 'interface',\r\n              name: 'interface',\r\n              meta: {\r\n                title: '接口'\r\n              },\r\n              component: () =>\r\n                import('@/views/interface.vue'),\r\n            }, {\r\n              path: 'IPSetting',\r\n              name: 'IPSetting',\r\n              meta: {\r\n                title: 'IP设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/IPSetting.vue'),\r\n            },\r\n            {\r\n              path: 'globalSettings',\r\n              name: 'globalSettings',\r\n              meta: {\r\n                title: '全局设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/globalSettings.vue'),\r\n            },\r\n            {\r\n              path: 'ExportingSettings',\r\n              name: 'ExportingSettings',\r\n              meta: {\r\n                title: '关于本机——导出设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/ExportingSettings.vue'),\r\n            },\r\n            {\r\n              path: 'ImportSettings',\r\n              name: 'ImportSettings',\r\n              meta: {\r\n                title: '关于本机——导入设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/ImportSettings.vue'),\r\n            }, \r\n            {\r\n              path: 'InterfaceServerCertificates',\r\n              name: 'InterfaceServerCertificates',\r\n              meta: {\r\n                title: '接口与服务器证书'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/InterfaceServerCertificates.vue'),\r\n            }, \r\n            {\r\n              path: 'UDPServiceSettings',\r\n              name: 'UDPServiceSettings',\r\n              meta: {\r\n                title: 'UDP服务设置'\r\n              },\r\n              component: () =>\r\n                import('@/views/SystemSettings/UDPServiceSettings.vue'),\r\n            },\r\n            {\r\n              path: 'myId',\r\n              name: 'myId',\r\n              meta: {\r\n                title: '我的账号'\r\n              },\r\n              component: () =>\r\n                import('@/views/myId.vue'),\r\n            }, {\r\n              path: 'IdManagement',\r\n              name: 'IdManagement',\r\n              meta: {\r\n                title: '账号管理'\r\n              },\r\n              component: () =>\r\n                import('@/views/IdManagement.vue'),\r\n            },\r\n            {\r\n              path: 'logs',\r\n              name: 'logs',\r\n              meta: {\r\n                title: '通知/日志'\r\n              },\r\n              component: () => import('@/views/logs.vue')\r\n            }\r\n\r\n          ]\r\n        },\r\n        {\r\n          path: '/test2',\r\n          component: () => import('@/page/test2/index.vue'),\r\n          meta: {\r\n            title: '一级菜单2'\r\n          },\r\n          redirect: '/test2/test2-1', // 该配置是若点击选择父目录时，默认选中该父目录下的子路径页面\r\n          children: [{\r\n              path: 'test2-1',\r\n              component: () => import('@/page/test2/test2-1.vue'),\r\n              meta: {\r\n                title: '二级菜单2-1'\r\n              },\r\n            },\r\n            {\r\n              path: 'test2-2',\r\n              component: () => import('@/page/test2/test2-2.vue'),\r\n              meta: {\r\n                title: '二级菜单2-2'\r\n              },\r\n            },\r\n            {\r\n              path: 'test2-3',\r\n              component: () => import('@/page/test2/test2-3.vue'),\r\n              meta: {\r\n                title: '二级菜单2-3'\r\n              },\r\n            },\r\n          ]\r\n        },\r\n        {\r\n          path: '/test3',\r\n          component: () => import('@/page/test3/index.vue'),\r\n          meta: {\r\n            title: '一级菜单3'\r\n          },\r\n          redirect: '/test3/test3-1',\r\n          children: [{\r\n              path: 'test3-1',\r\n              component: () => import('@/page/test3/test3-1.vue'),\r\n              meta: {\r\n                title: '二级菜单3-1'\r\n              }\r\n            },\r\n            {\r\n              path: 'test3-2',\r\n              component: () => import('@/page/test3/test3-2.vue'),\r\n              meta: {\r\n                title: '二级菜单3-2'\r\n              }\r\n            },\r\n          ]\r\n        },\r\n        {\r\n          path: '/i18n', // 国际化组件\r\n          component: () => import('@/components/common/I18n.vue'),\r\n          meta: {\r\n            title: '国际化'\r\n          }\r\n        },\r\n        {\r\n          path: '/permission', // 权限页面\r\n          component: () => import('@/page/Permission.vue'),\r\n          meta: {\r\n            title: '权限测试',\r\n            permission: true\r\n          }\r\n        },\r\n        {\r\n          path: '/404',\r\n          component: () => import('@/page/404.vue'),\r\n          meta: {\r\n            title: '404'\r\n          }\r\n        },\r\n        {\r\n          path: '/403',\r\n          component: () => import('@/page/403.vue'),\r\n          meta: {\r\n            title: '403'\r\n          }\r\n        },\r\n      ]\r\n    },\r\n    {\r\n      path: '/Login', // 登录页面\r\n      component: () => import('@/page/Login.vue'),\r\n      meta: {\r\n        title: '登录'\r\n      }\r\n    },\r\n    {\r\n      path: '*',\r\n      redirect: '/404'\r\n    }\r\n  ]\r\n});"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/f00150bbba4cc146ffb88eee2131c92d.json b/node_modules/.cache/babel-loader/f00150bbba4cc146ffb88eee2131c92d.json
new file mode 100644
index 00000000..e6f4af6b
--- /dev/null
+++ b/node_modules/.cache/babel-loader/f00150bbba4cc146ffb88eee2131c92d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport SideMenu from '@/components/sidemenu/SideMenu';\nexport default {\n  components: {\n    SideMenu: SideMenu\n  },\n  data: function data() {\n    return {\n      itemList: [{\n        path: 'test3-1',\n        title: '二级菜单3-1'\n      }, {\n        path: 'test3-2',\n        title: '二级菜单3-2'\n      }]\n    };\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,OAAA,QAAA,MAAA,gCAAA;AACA,eAAA;AACA,EAAA,UAAA,EAAA;AACA,IAAA,QAAA,EAAA;AADA,GADA;AAIA,EAAA,IAJA,kBAIA;AACA,WAAA;AACA,MAAA,QAAA,EAAA,CACA;AAAA,QAAA,IAAA,EAAA,SAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OADA,EAEA;AAAA,QAAA,IAAA,EAAA,SAAA;AAAA,QAAA,KAAA,EAAA;AAAA,OAFA;AADA,KAAA;AAMA;AAXA,CAAA","sourcesContent":["<template>\r\n  <div>\r\n\r\n    <el-aside>\r\n      <SideMenu :itemList=\"itemList\"></SideMenu>\r\n    </el-aside>\r\n    <el-main>\r\n      <router-view></router-view>\r\n    </el-main>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return {\r\n      itemList: [\r\n        { path: 'test3-1', title: '二级菜单3-1' },\r\n        { path: 'test3-2', title: '二级菜单3-2' }\r\n      ]\r\n    }\r\n  }\r\n}\r\n</script>"],"sourceRoot":"src/page/test3"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/f3e53882f870ff3578626269eeede401.json b/node_modules/.cache/babel-loader/f3e53882f870ff3578626269eeede401.json
index ad44fee6..e3ff8c1a 100644
--- a/node_modules/.cache/babel-loader/f3e53882f870ff3578626269eeede401.json
+++ b/node_modules/.cache/babel-loader/f3e53882f870ff3578626269eeede401.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673319362963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\nexport default {\n  name: 'barChart',\n  //饼图组件\n  props: {\n    list: Array,\n    default: function _default() {\n      return [];\n    }\n  },\n  data: function data() {\n    return {};\n  },\n  methods: {\n    drawBar: function drawBar() {\n      // console.log(this.$refs.barChart,'11111');\n      var myChart = this.$echarts.init(this.$refs.barChart);\n      var symbols = [\"path://M66.1,35.7L100,49.8v128.7l-33.9-12.7L66.1,35.7z\", //左边\n      \"path://M133.9,35.7L100,49.8v128.7l33.9-12.7V35.7z\", //右边\n      \"path://M66.1,35.7L100,21.5l33.9,14.1L100,49.8L66.1,35.7z\" //菱形\n      ]; //源数据\n\n      var data = [{\n        label: \"最大值\",\n        value: 500\n      }, {\n        label: \"平均值\",\n        value: 400\n      }, {\n        label: \"最小值\",\n        value: 200\n      }, {\n        label: \"中间值\",\n        value: 200\n      }]; //数据最大值（需要结合源数据取最大值过程不在此编写，可使用lodash）\n\n      var maxData = 1000; //横坐标数值\n\n      var xAxisData = data.map(function (e) {\n        return e.label;\n      }); //图形颜色\n\n      var colorList = [\"#5f55ed59\", \"#f8954359\", \"#47d69d59\", \"#F9F1EA\"]; //图形边框颜色\n\n      var borderColorList = [\"#5f55ed\", \"#f89543\", \"#47d69d\", \"#C1AE9E\"]; //图形顶部颜色\n\n      var colorTopList = [\"#5571f659\", \"#f1d57759\", \"#3fdfc159\", \"#F3DFCD\"]; //图形顶部框颜色 \n\n      var colorBorderTopList = [\"#5f55ed\", \"#fd7d3d\", \"#25cd75\", \"#C1AE9E\"]; //图形底部颜色\n\n      var colorBottomList = [\"#437ffa\", \"#fee266\", \"#35c9c7\", \"#F3DFCD\"]; //图形实体顶部颜色\n\n      var topColorList = [\"#5571f6\", \"#f1d577\", \"#3fdfc1\", \"#F3DFCD\"]; //图形柱体颜色\n\n      var barColorList = [\"#7148ea\", \"#fd7d3d\", \"#25cd75\", \"#BFA188\"]; //左右框数值\n\n      var leftAndRightData = []; //顶部框数值\n\n      var topBorderData = []; //底部框数值\n\n      var bottomBorderData = []; //顶部实体数值\n\n      var topData = []; //图形柱体数值\n\n      var barData = [];\n\n      for (var i = 0; i < data.length; i++) {\n        leftAndRightData.push({\n          name: data[i].label,\n          value: maxData,\n          itemStyle: {\n            color: colorList[i],\n            borderColor: borderColorList[i]\n          }\n        });\n        topBorderData.push({\n          name: data[i].label,\n          value: maxData,\n          symbolPosition: \"end\",\n          itemStyle: {\n            color: colorTopList[i],\n            borderColor: colorBorderTopList[i]\n          }\n        });\n        bottomBorderData.push({\n          name: data[i].label,\n          value: maxData,\n          itemStyle: {\n            color: colorBottomList[i]\n          }\n        });\n        topData.push({\n          name: data[i].label,\n          value: data[i].value,\n          symbolPosition: \"end\",\n          itemStyle: {\n            color: topColorList[i]\n          }\n        });\n        barData.push({\n          name: data[i].label,\n          value: data[i].value,\n          label: {\n            show: true,\n            position: \"bottom\",\n            distance: 60,\n            color: barColorList[i],\n            fontSize: 40\n          },\n          itemStyle: {\n            color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{\n              offset: 0,\n              color: barColorList[i]\n            }, {\n              offset: 1,\n              color: colorBottomList[i]\n            }])\n          }\n        });\n      } //顶部框数值\n\n\n      var option = {\n        xAxis: [{\n          data: xAxisData,\n          axisTick: {\n            show: false\n          },\n          axisLine: {\n            show: false\n          },\n          axisLabel: {\n            show: true,\n            margin: 30,\n            fontSize: 20,\n            color: \"#707FB3\"\n          }\n        }],\n        yAxis: {\n          splitLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLine: {\n            show: false\n          },\n          axisLabel: {\n            show: false\n          }\n        },\n        grid: {\n          show: false,\n          height: 200,\n          bottom: '19%'\n        },\n        series: [{\n          name: \"左边\",\n          type: \"pictorialBar\",\n          symbolSize: [\"50%\", \"100%\"],\n          symbolOffset: [-70, 20],\n          barWidth: 100,\n          silent: true,\n          z: 12,\n          symbol: symbols[0],\n          data: leftAndRightData\n        }, {\n          name: \"右边\",\n          type: \"pictorialBar\",\n          symbolSize: [\"50%\", \"100%\"],\n          symbolOffset: [-20, 20],\n          barWidth: 100,\n          silent: true,\n          z: 12,\n          symbol: symbols[1],\n          data: leftAndRightData\n        }, // //菱形顶部框\n        {\n          name: \"\",\n          type: \"pictorialBar\",\n          symbolSize: [100, 40],\n          symbolOffset: [0, 0],\n          silent: true,\n          symbol: symbols[2],\n          data: topBorderData\n        }, // // //菱形底部实体\n        {\n          name: \"\",\n          type: \"pictorialBar\",\n          symbolSize: [101, 38],\n          symbolOffset: [0, 20],\n          silent: true,\n          z: 12,\n          symbol: symbols[2],\n          data: bottomBorderData\n        }, // // //菱形顶部实体\n        {\n          name: \"\",\n          type: \"pictorialBar\",\n          symbolSize: [99, 45],\n          symbolOffset: [0, -23],\n          z: 16,\n          silent: true,\n          symbol: symbols[2],\n          data: topData,\n          animationDuration: 1000,\n          animationDelay: function animationDelay(idx) {\n            // 越往后的数据延迟越大\n            return idx * 500;\n          }\n        }, // // //柱形实体\n        {\n          type: \"bar\",\n          silent: true,\n          barWidth: 100,\n          barGap: \"-100%\",\n          z: 13,\n          data: barData,\n          animationDuration: 1000,\n          animationDelay: function animationDelay(idx) {\n            // 越往后的数据延迟越大\n            return idx * 500;\n          }\n        }]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawBar();\n  }\n};",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n\r\n    <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props:{\r\n        list:Array,\r\n        default(){\r\n            return[]\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            \r\n        }\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            // console.log(this.$refs.barChart,'11111');\r\n            let myChart = this.$echarts.init(this.$refs.barChart)\r\n            const symbols = [\r\n    \"path://M66.1,35.7L100,49.8v128.7l-33.9-12.7L66.1,35.7z\", //左边\r\n    \"path://M133.9,35.7L100,49.8v128.7l33.9-12.7V35.7z\", //右边\r\n    \"path://M66.1,35.7L100,21.5l33.9,14.1L100,49.8L66.1,35.7z\", //菱形\r\n]\r\n//源数据\r\nconst data = [{\r\n    label: \"最大值\",\r\n    value: 500\r\n}, {\r\n    label: \"平均值\",\r\n    value: 400\r\n}, {\r\n    label: \"最小值\",\r\n    value: 200\r\n},{\r\n    label: \"中间值\",\r\n    value: 200\r\n}]\r\n//数据最大值（需要结合源数据取最大值过程不在此编写，可使用lodash）\r\nconst maxData = 1000;\r\n//横坐标数值\r\nconst xAxisData = data.map((e) => {\r\n    return e.label\r\n})\r\n//图形颜色\r\nconst colorList = [\"#5f55ed59\", \"#f8954359\", \"#47d69d59\",\"#F9F1EA\"]\r\n//图形边框颜色\r\nconst borderColorList = [\"#5f55ed\", \"#f89543\", \"#47d69d\",\"#C1AE9E\"]\r\n//图形顶部颜色\r\nconst colorTopList = [\"#5571f659\", \"#f1d57759\", \"#3fdfc159\",\"#F3DFCD\"]\r\n//图形顶部框颜色 \r\nconst colorBorderTopList = [\"#5f55ed\", \"#fd7d3d\", \"#25cd75\",\"#C1AE9E\"]\r\n//图形底部颜色\r\nconst colorBottomList = [\"#437ffa\", \"#fee266\", \"#35c9c7\",\"#F3DFCD\"]\r\n//图形实体顶部颜色\r\nconst topColorList = [\"#5571f6\", \"#f1d577\", \"#3fdfc1\",\"#F3DFCD\"]\r\n//图形柱体颜色\r\nconst barColorList = [\"#7148ea\", \"#fd7d3d\", \"#25cd75\",\"#BFA188\"]\r\n//左右框数值\r\nconst leftAndRightData = []\r\n//顶部框数值\r\nconst topBorderData = []\r\n//底部框数值\r\nconst bottomBorderData = []\r\n//顶部实体数值\r\nconst topData = []\r\n//图形柱体数值\r\nconst barData = []\r\nfor (var i = 0; i < data.length; i++) {\r\n    leftAndRightData.push({\r\n        name: data[i].label,\r\n        value: maxData,\r\n\r\n        itemStyle: {\r\n            color: colorList[i],\r\n            borderColor: borderColorList[i]\r\n        }\r\n    })\r\n    topBorderData.push({\r\n        name: data[i].label,\r\n        value: maxData,\r\n        symbolPosition: \"end\",\r\n        itemStyle: {\r\n            color: colorTopList[i],\r\n            borderColor: colorBorderTopList[i]\r\n        }\r\n    })\r\n    bottomBorderData.push({\r\n        name: data[i].label,\r\n        value: maxData,\r\n        itemStyle: {\r\n            color: colorBottomList[i]\r\n        }\r\n    })\r\n    topData.push({\r\n        name: data[i].label,\r\n        value: data[i].value,\r\n        symbolPosition: \"end\",\r\n        itemStyle: {\r\n            color: topColorList[i]\r\n        }\r\n    })\r\n    barData.push({\r\n        name: data[i].label,\r\n        value: data[i].value,\r\n        label: {\r\n            show: true,\r\n            position: \"bottom\",\r\n            distance: 60,\r\n            color: barColorList[i],\r\n            fontSize: 40\r\n        },\r\n        itemStyle: {\r\n            color: new this.$echarts.graphic.LinearGradient(\r\n                0, 0, 0, 1,\r\n                [{\r\n                    offset: 0,\r\n                    color: barColorList[i]\r\n                }, {\r\n                    offset: 1,\r\n                    color: colorBottomList[i]\r\n                }]\r\n            )\r\n\r\n        }\r\n    })\r\n}\r\n//顶部框数值\r\n\r\n\r\nlet option = {\r\n    xAxis: [{\r\n        data: xAxisData,\r\n        axisTick: {\r\n            show: false\r\n        },\r\n        axisLine: {\r\n            show: false\r\n        },\r\n        axisLabel: {\r\n            show: true,\r\n            margin: 30,\r\n            fontSize: 20,\r\n            color: \"#707FB3\"\r\n        }\r\n    }],\r\n    yAxis: {\r\n        splitLine: {\r\n            show: false\r\n        },\r\n        axisTick: {\r\n            show: false\r\n        },\r\n        axisLine: {\r\n            show: false\r\n        },\r\n        axisLabel: {\r\n            show: false\r\n        }\r\n    },\r\n    grid: {\r\n        show: false,\r\n        height: 200,\r\n        bottom:'19%',\r\n    },\r\n    series: [{\r\n            name: \"左边\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [\"50%\", \"100%\"],\r\n            symbolOffset: [-70, 20],\r\n            barWidth: 100,\r\n            silent: true,\r\n            z: 12,\r\n            symbol: symbols[0],\r\n            data: leftAndRightData\r\n        },\r\n        {\r\n            name: \"右边\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [\"50%\", \"100%\"],\r\n            symbolOffset: [-20, 20],\r\n            barWidth: 100,\r\n            silent: true,\r\n            z: 12,\r\n            symbol: symbols[1],\r\n            data: leftAndRightData\r\n        },\r\n        // //菱形顶部框\r\n        {\r\n            name: \"\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [100, 40],\r\n            symbolOffset: [0, 0],\r\n            silent: true,\r\n            symbol: symbols[2],\r\n            data: topBorderData\r\n        },\r\n\r\n        // // //菱形底部实体\r\n        {\r\n            name: \"\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [101, 38],\r\n            symbolOffset: [0, 20],\r\n            silent: true,\r\n            z: 12,\r\n            symbol: symbols[2],\r\n            data: bottomBorderData\r\n        },\r\n        // // //菱形顶部实体\r\n        {\r\n            name: \"\",\r\n            type:\"pictorialBar\",\r\n            symbolSize: [99, 45],\r\n            symbolOffset: [0, -23],\r\n            z: 16,\r\n            silent: true,\r\n            symbol: symbols[2],\r\n            data: topData,\r\n             animationDuration: 1000,\r\n            animationDelay: function (idx) {\r\n    // 越往后的数据延迟越大\r\n    return idx * 500;\r\n}\r\n        },\r\n\r\n        // // //柱形实体\r\n        {\r\n            type: \"bar\",\r\n            silent: true,\r\n            barWidth: 100,\r\n            barGap: \"-100%\",\r\n            z: 13,\r\n            data: barData,\r\n            animationDuration: 1000,\r\n            animationDelay: function (idx) {\r\n    // 越往后的数据延迟越大\r\n    return idx * 500;\r\n}\r\n        }\r\n\r\n\r\n    ]\r\n}\r\n\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawBar()\r\n    }\r\n}\r\n</script>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n  name: 'barChart',\n  //饼图组件\n  props: {\n    list: Array,\n    default: function _default() {\n      return [];\n    }\n  },\n  data: function data() {\n    return {};\n  },\n  methods: {\n    drawBar: function drawBar() {\n      var myChart = this.$echarts.init(this.$refs.barChart);\n      var chartData = [{\n        stage: '值',\n        number: 40\n      }];\n      var option = {\n        color: ['#0EECE4'],\n        tooltip: {\n          // trigger: 'axis',\n          confine: true // axisPointer: { // 坐标轴指示器，坐标轴触发有效\n          //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\n          //   lineStyle: {\n          //     color: 'transparent',\n          //   },\n          // },\n\n        },\n        grid: {\n          left: '0%',\n          right: '0%',\n          bottom: '10%',\n          top: '15%',\n          z: 22\n        },\n        xAxis: [{\n          type: 'category',\n          gridIndex: 0,\n          data: chartData.map(function (item) {\n            return item.stage;\n          }),\n          axisLine: {\n            show: false\n          },\n          axisLabel: {\n            show: false\n          }\n        }],\n        yAxis: {\n          type: 'value',\n          splitArea: {\n            show: false\n          },\n          gridIndex: 0,\n          min: 0,\n          splitNumber: 12,\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            show: false\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            show: false\n          },\n          max: 200\n        },\n        series: [{\n          name: '平均值',\n          type: 'bar',\n          stack: 'val',\n          barWidth: 150,\n          xAxisIndex: 0,\n          yAxisIndex: 0,\n          label: {\n            show: true,\n            position: 'right',\n            // align: 'right',\n            distance: 15,\n            color: '#000',\n            fontSize: 17,\n            formatter: '{c}' + '[avg]'\n          },\n          itemStyle: {\n            color: '#DF8414'\n          },\n          data: [40],\n          zlevel: 11\n        }, {\n          name: '中间值',\n          type: 'bar',\n          barWidth: 150,\n          // xAxisIndex: 0,\n          // yAxisIndex: 0,\n          stack: 'val',\n          label: {\n            show: true,\n            position: 'left',\n            distance: 15,\n            color: '#000',\n            // align: 'left',\n            fontSize: 17,\n            formatter: '{c}' + '[med]',\n            rich: {}\n          },\n          itemStyle: {\n            color: '#0E76AF'\n          },\n          data: [60],\n          zlevel: 11\n        }, {\n          name: '最小值',\n          type: 'bar',\n          barWidth: 150,\n          barGap: '-100%',\n          data: [0],\n          label: {\n            show: true,\n            position: 'bottom',\n            distance: 10,\n            color: '#000',\n            fontSize: 17,\n            formatter: '{c}' + '[min]'\n          },\n          tooltip: {\n            backgroundColor: 'transparent',\n            formatter: ' '\n          },\n          itemStyle: {\n            color: '#ABA7A7'\n          },\n          zlevel: 9\n        }, {\n          name: '最大值',\n          type: 'bar',\n          barWidth: 150,\n          barGap: '-100%',\n          data: [200],\n          label: {\n            show: true,\n            position: 'top',\n            distance: 15,\n            color: '#000',\n            fontSize: 17,\n            formatter: '{c}' + '[max]'\n          },\n          tooltip: {\n            backgroundColor: 'transparent',\n            formatter: ' '\n          },\n          itemStyle: {\n            color: '#ABA7A7'\n          },\n          zlevel: 9\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawBar();\n  }\n};",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props: {\r\n        list: Array,\r\n        default() {\r\n            return [];\r\n        }\r\n    },\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            let myChart = this.$echarts.init(this.$refs.barChart);\r\n            let chartData = [{ stage: '值', number: 40 }];\r\n            let option = {\r\n                color: ['#0EECE4'],\r\n                tooltip: {\r\n                    // trigger: 'axis',\r\n                    confine: true\r\n                    // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n                    //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n                    //   lineStyle: {\r\n                    //     color: 'transparent',\r\n                    //   },\r\n                    // },\r\n                },\r\n                grid: {\r\n                    left: '0%',\r\n                    right: '0%',\r\n                    bottom: '10%',\r\n                    top: '15%',\r\n                    z: 22\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        gridIndex: 0,\r\n                        data: chartData.map((item) => item.stage),\r\n                        axisLine: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                yAxis: {\r\n                    type: 'value',\r\n                    splitArea: { show: false },\r\n                    gridIndex: 0,\r\n                    min: 0,\r\n                    splitNumber: 12,\r\n                    splitLine: {\r\n                        show: false\r\n                    },\r\n                    axisLine: {\r\n                        show: false\r\n                    },\r\n                    axisTick: {\r\n                        show: false\r\n                    },\r\n                    axisLabel: {\r\n                        show: false\r\n                    },\r\n                    max: 200\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '平均值',\r\n                        type: 'bar',\r\n                        stack: 'val',\r\n                        barWidth: 150,\r\n                        xAxisIndex: 0,\r\n                        yAxisIndex: 0,\r\n                        label: {\r\n                            show: true,\r\n                            position: 'right',\r\n                            // align: 'right',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[avg]'\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#DF8414'\r\n                        },\r\n                        data: [40],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '中间值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        // xAxisIndex: 0,\r\n                        // yAxisIndex: 0,\r\n                        stack: 'val',\r\n                        label: {\r\n                            show: true,\r\n                            position: 'left',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            // align: 'left',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[med]',\r\n                            rich: {}\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#0E76AF'\r\n                        },\r\n                        data: [60],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '最小值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [0],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'bottom',\r\n                            distance: 10,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[min]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    },\r\n                    {\r\n                        name: '最大值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [200],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'top',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[max]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    }\r\n                ]\r\n            };\r\n\r\n            myChart.setOption(option);\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawBar();\r\n    }\r\n};\r\n</script>\r\n"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/f52c90eff3e2193bd7b74a72235083c4.json b/node_modules/.cache/babel-loader/f52c90eff3e2193bd7b74a72235083c4.json
new file mode 100644
index 00000000..9f4353d7
--- /dev/null
+++ b/node_modules/.cache/babel-loader/f52c90eff3e2193bd7b74a72235083c4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport tableShow from \"../chart/tableShow.vue\";\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'checkChart',\n  //车头时距组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      title: '监测数组件',\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/f5495cdc69ce435d63bf94af956856ea.json b/node_modules/.cache/babel-loader/f5495cdc69ce435d63bf94af956856ea.json
new file mode 100644
index 00000000..6608027b
--- /dev/null
+++ b/node_modules/.cache/babel-loader/f5495cdc69ce435d63bf94af956856ea.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {};\n  }\n};",{"version":3,"sources":["test2-3.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAgBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA,EAAA;AAGA;AALA,CAAA","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 3 </p>\r\n    <div class=\"test-div\" style=\"width:400px;\">\r\n      <el-carousel height=\"150px\" class=\"customize-carousel\">\r\n        <el-carousel-item v-for=\"item in 4\" :key=\"item\">\r\n          <h3>{{ item }}</h3>\r\n        </el-carousel-item>\r\n      </el-carousel>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.customize-carousel .el-carousel__item h3 {\r\n  color: #475669;\r\n  font-size: 16px;\r\n  line-height: 150px;\r\n  margin: 0 50%;\r\n}\r\n.customize-carousel .el-carousel__item:nth-child(2n) {\r\n  background-color: #99a9bf;\r\n}\r\n.customize-carousel .el-carousel__item:nth-child(2n+1) {\r\n  background-color: #d3dce6;\r\n}\r\n</style>"],"sourceRoot":"src/page/test2"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/f84cef2cb0a36deba768322658f737e0.json b/node_modules/.cache/babel-loader/f84cef2cb0a36deba768322658f737e0.json
new file mode 100644
index 00000000..4d7ec1d7
--- /dev/null
+++ b/node_modules/.cache/babel-loader/f84cef2cb0a36deba768322658f737e0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nexport default {\n  data: function data() {\n    return {};\n  }\n};",{"version":3,"sources":["HealthCheck.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwBA,eAAA;AACA,EAAA,IADA,kBACA;AACA,WAAA,EAAA;AAGA;AALA,CAAA","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">健康检测 </p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <h3>网络状态</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"200px\" style=\"width:50%\">\r\n        <el-form-item label=\"检查网络服务的状态：\">\r\n          <div class=\"state\">\r\n            <div class=\"Badge\" style=\"background-color: pink;\"></div>\r\n            <span>忙碌</span>\r\n          </div>\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.state {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.state .Badge {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    margin: 20px 5px 0 0;\r\n    transform: translateY(-50%);\r\n}\r\n</style>"],"sourceRoot":"src/views/general"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/f9f86bd9a4de2e9cdd28f1329e497123.json b/node_modules/.cache/babel-loader/f9f86bd9a4de2e9cdd28f1329e497123.json
new file mode 100644
index 00000000..ef5e5685
--- /dev/null
+++ b/node_modules/.cache/babel-loader/f9f86bd9a4de2e9cdd28f1329e497123.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue","mtime":1673518221965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport lineChart from \"../chart/lineChart.vue\";\nimport barChart from \"../chart/barChart.vue\";\nimport tableShow from \"../chart/tableShow.vue\";\nimport detailDialog from \"../chart/detailDialog.vue\";\nimport thermalChart from \"../chart/thermalChart.vue\";\nimport regionTable from \"../chart/regionTable.vue\";\nimport avgChart from \"../chart/avgChart.vue\";\nexport default {\n  name: 'headWayChart',\n  //车头时距组件\n  props: ['pageType', 'triggerType'],\n  components: {\n    lineChart: lineChart,\n    barChart: barChart,\n    tableShow: tableShow,\n    detailDialog: detailDialog,\n    thermalChart: thermalChart,\n    regionTable: regionTable,\n    avgChart: avgChart\n  },\n  data: function data() {\n    return {\n      title: '车头时距组件',\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }],\n      // triggerType: '周期统计',\n      periodicTime: [{\n        time: '17:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '50',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '22:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '30',\n        CongestionStatus: '拥堵'\n      }, {\n        time: '24:00',\n        type: '货车',\n        lane: '西城车道',\n        lineUp: '200',\n        check: '300',\n        ownStatus: '空',\n        speed: '80',\n        CongestionStatus: '拥堵'\n      }],\n      periodicStatistic: [{\n        time: '9:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '60',\n        avgFlow: '200'\n      }, {\n        time: '10:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '55',\n        avgFlow: '50'\n      }, {\n        time: '11:40',\n        type: '小汽车',\n        event: 'out',\n        lane: '西北大道',\n        speed: '61',\n        avgFlow: '40'\n      }]\n    };\n  },\n  methods: {},\n  mounted: function mounted() {}\n};",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"],"sourceRoot":"src/components/target"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/01164b45ed982ddee09a079ef8b919f5.json b/node_modules/.cache/vue-loader/01164b45ed982ddee09a079ef8b919f5.json
new file mode 100644
index 00000000..5535bb66
--- /dev/null
+++ b/node_modules/.cache/vue-loader/01164b45ed982ddee09a079ef8b919f5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/015dd46844e7bcb2b5e508c650a1a1a9.json b/node_modules/.cache/vue-loader/015dd46844e7bcb2b5e508c650a1a1a9.json
new file mode 100644
index 00000000..59651205
--- /dev/null
+++ b/node_modules/.cache/vue-loader/015dd46844e7bcb2b5e508c650a1a1a9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\"\nimport script from \"./pieChart.vue?vue&type=script&lang=js&\"\nexport * from \"./pieChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0b608953\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0b608953')) {\n      api.createRecord('0b608953', component.options)\n    } else {\n      api.reload('0b608953', component.options)\n    }\n    module.hot.accept(\"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\", function () {\n      api.rerender('0b608953', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/pieChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/01dd6b8ecf3a1b432e083c18c75f2845.json b/node_modules/.cache/vue-loader/01dd6b8ecf3a1b432e083c18c75f2845.json
index a12eb7ec..067a8552 100644
--- a/node_modules/.cache/vue-loader/01dd6b8ecf3a1b432e083c18c75f2845.json
+++ b/node_modules/.cache/vue-loader/01dd6b8ecf3a1b432e083c18c75f2845.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673232721963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/029e0b17cd533f07614ca1e2dd78397b.json b/node_modules/.cache/vue-loader/029e0b17cd533f07614ca1e2dd78397b.json
new file mode 100644
index 00000000..a3b57a8e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/029e0b17cd533f07614ca1e2dd78397b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue?vue&type=template&id=498bb2bc&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"el-aside\",\n        [_c(\"SideMenu\", { attrs: { itemList: _vm.itemList } })],\n        1\n      ),\n      _c(\"el-main\", [_c(\"router-view\")], 1)\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/02af3277b3661be3c44bcd80b1b3c7f9.json b/node_modules/.cache/vue-loader/02af3277b3661be3c44bcd80b1b3c7f9.json
new file mode 100644
index 00000000..ed7c8a54
--- /dev/null
+++ b/node_modules/.cache/vue-loader/02af3277b3661be3c44bcd80b1b3c7f9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue?vue&type=template&id=386da402&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"FTP设置\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"50%\" },\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"110px\"\n            }\n          },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"账号：\" } },\n              [\n                _c(\"el-input\", {\n                  attrs: { placeholder: \"请输入账号名\", clearable: \"\" },\n                  model: {\n                    value: _vm.form.ComponentPropsname,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"ComponentPropsname\", $$v)\n                    },\n                    expression: \"form.ComponentPropsname\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"密码：\" } },\n              [\n                _c(\"el-input\", {\n                  attrs: { placeholder: \"请输入密码\", \"show-password\": \"\" },\n                  model: {\n                    value: _vm.form.password,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"password\", $$v)\n                    },\n                    expression: \"form.password\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"FTP：\" } },\n              [\n                _c(\"el-input\", {\n                  attrs: { placeholder: \"请输入账号名\", clearable: \"\" },\n                  model: {\n                    value: _vm.form.FTP,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"FTP\", $$v)\n                    },\n                    expression: \"form.FTP\"\n                  }\n                })\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          { attrs: { type: \"primary\" }, on: { cilck: _vm.Submit } },\n          [_vm._v(\"修改\")]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/032b56d953edab73341359ef28b684ca.json b/node_modules/.cache/vue-loader/032b56d953edab73341359ef28b684ca.json
new file mode 100644
index 00000000..c4a6b0da
--- /dev/null
+++ b/node_modules/.cache/vue-loader/032b56d953edab73341359ef28b684ca.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Login.vue?vue&type=style&index=0&id=6896dfe2&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    // background: url('../assets/img/bg.gif');\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 23.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n    <div class=\"login-wrap\">\r\n        <div class=\"ms-login\">\r\n            <div class=\"ms-title\"></div>\r\n            <div class=\"content\">\r\n                <div class=\"welcome\">欢迎登录</div>\r\n                <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\r\n                    <el-form-item prop=\"username\" label=\"用户名\">\r\n                        <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\r\n                        <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <div class=\"unforget\" style=\"margin-left:15px\">\r\n                      <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\r\n                    </div>\r\n                </el-form>\r\n                <div class=\"login-btn\">\r\n                        <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    // background: url('../assets/img/bg.gif');\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 23.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/032b7e6f3e7debe37cf2031315a7dda0.json b/node_modules/.cache/vue-loader/032b7e6f3e7debe37cf2031315a7dda0.json
new file mode 100644
index 00000000..e7003e3d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/032b7e6f3e7debe37cf2031315a7dda0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./CustomOperations.vue?vue&type=template&id=82754e84&scoped=true&\"\nimport script from \"./CustomOperations.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomOperations.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomOperations.vue?vue&type=style&index=0&id=82754e84&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"82754e84\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('82754e84')) {\n      api.createRecord('82754e84', component.options)\n    } else {\n      api.reload('82754e84', component.options)\n    }\n    module.hot.accept(\"./CustomOperations.vue?vue&type=template&id=82754e84&scoped=true&\", function () {\n      api.rerender('82754e84', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/CustomOperations.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0444f359cb44d9cbba7ea8758d630851.json b/node_modules/.cache/vue-loader/0444f359cb44d9cbba7ea8758d630851.json
new file mode 100644
index 00000000..c6d72382
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0444f359cb44d9cbba7ea8758d630851.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673592974692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(_vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _c(\"tableShow\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _c(\"regionTable\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"lineChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            })\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"avgChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/049fbfe3ceb27bbea59fc0280efbdbdf.json b/node_modules/.cache/vue-loader/049fbfe3ceb27bbea59fc0280efbdbdf.json
new file mode 100644
index 00000000..b37e771c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/049fbfe3ceb27bbea59fc0280efbdbdf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673593137304},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\"></lineChart>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/051ebef1ea7808c7babadc026e71c2fd.json b/node_modules/.cache/vue-loader/051ebef1ea7808c7babadc026e71c2fd.json
new file mode 100644
index 00000000..21470ae6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/051ebef1ea7808c7babadc026e71c2fd.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"globalSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"默认取值：\">\r\n        </el-form-item>\r\n        <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/05c139738363732899ed4f0407a79618.json b/node_modules/.cache/vue-loader/05c139738363732899ed4f0407a79618.json
new file mode 100644
index 00000000..4b4d84b5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/05c139738363732899ed4f0407a79618.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">用于REAST API的ssl web服务器证书</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"证书颁发者名称：\">\n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"证书使用者名称：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"证书有效时间：\">\n        {{ form.startTime }}\n      </el-form-item>\n      <el-form-item label=\"证书到期时间：\">\n        {{ form.endTime }}\n      </el-form-item>\n      <el-form-item label=\"证书被列入黑名单：\">\n        {{ form.blacklist }}\n      </el-form-item>\n      <el-form-item label=\"自签名证书：\">\n        {{ form.autograph }}\n      </el-form-item>\n      <el-form-item label=\"证书版本：\">\n        {{ form.version }}\n      </el-form-item>\n    </el-form>\n\n    <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button>\n\n    <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\n      <el-row>\n        <el-col :span=\"6\">\n          文件选择：\n        </el-col>\n        <el-col :span=\"18\">\n          <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\n          </el-upload>\n        </el-col>\n      </el-row>\n\n      <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\n      </span>\n    </el-dialog>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/05e32dd37676cd1f943c1c1d266992d6.json b/node_modules/.cache/vue-loader/05e32dd37676cd1f943c1c1d266992d6.json
new file mode 100644
index 00000000..035d1762
--- /dev/null
+++ b/node_modules/.cache/vue-loader/05e32dd37676cd1f943c1c1d266992d6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\myId.vue?vue&type=template&id=599a5f81&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">我的账号</p>\n  <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form label-position=\"left\" label-width=\"60px\" :model=\"formLabelAlign\">\n      <el-form-item label=\"名称：\">\n        {{ formLabelAlign.name }}\n      </el-form-item>\n      <el-form-item label=\"账号：\">\n        {{ formLabelAlign.account }}\n      </el-form-item>\n      <el-form-item label=\"密码：\">\n        {{ formLabelAlign.password }}\n      </el-form-item>\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/074c4135e44e42952cf93a429db6f3ce.json b/node_modules/.cache/vue-loader/074c4135e44e42952cf93a429db6f3ce.json
new file mode 100644
index 00000000..cc3ba332
--- /dev/null
+++ b/node_modules/.cache/vue-loader/074c4135e44e42952cf93a429db6f3ce.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673593142561},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n\r\n                <div class=\"border\">\r\n                    <detailDialog />\r\n                    <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/079431a240df58926cdd7c163d9e9041.json b/node_modules/.cache/vue-loader/079431a240df58926cdd7c163d9e9041.json
new file mode 100644
index 00000000..bf749af5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/079431a240df58926cdd7c163d9e9041.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=style&index=1&id=84ec604e&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-select {\r\n  width: 130px;\r\n}\r\n",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqJA;AACA;AACA","file":"globalSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"120px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <!-- <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number> -->\r\n          <el-select v-model=\"FPS\" size=\"mini\"  placeholder=\"请选择\">\r\n            <el-option\r\n              v-for=\"item in options\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\r\n        </el-form-item>\r\n        <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport  {setQuanjsz} from \"@/api/index\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: '0',\r\n      id:'',\r\n      options:[\r\n        {\r\n          value: '0',\r\n          label: '0'\r\n        }, \r\n        {\r\n          value: '1',\r\n          label: '1'\r\n        }, \r\n        {\r\n          value: '4',\r\n          label: '4'\r\n        }, \r\n      ],\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n        this.FPS=value\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",value);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        formData(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n        })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res11111\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.videoAccessLimit\r\n             this.FPS=res.data.data.skipFrame\r\n             this.id = res.data.data.globalSettingId\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",this.FPS);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        setQuanjsz(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n            });\r\n        })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-select {\r\n  width: 130px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/08640a97b5d4616435fa35c2926da36c.json b/node_modules/.cache/vue-loader/08640a97b5d4616435fa35c2926da36c.json
index 42762c56..5a4689d9 100644
--- a/node_modules/.cache/vue-loader/08640a97b5d4616435fa35c2926da36c.json
+++ b/node_modules/.cache/vue-loader/08640a97b5d4616435fa35c2926da36c.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673257804909},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\"\nimport script from \"./flowChart.vue?vue&type=script&lang=js&\"\nexport * from \"./flowChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1efa0362\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1efa0362')) {\n      api.createRecord('1efa0362', component.options)\n    } else {\n      api.reload('1efa0362', component.options)\n    }\n    module.hot.accept(\"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\", function () {\n      api.rerender('1efa0362', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/flowChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\"\nimport script from \"./flowChart.vue?vue&type=script&lang=js&\"\nexport * from \"./flowChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1efa0362\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1efa0362')) {\n      api.createRecord('1efa0362', component.options)\n    } else {\n      api.reload('1efa0362', component.options)\n    }\n    module.hot.accept(\"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\", function () {\n      api.rerender('1efa0362', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/flowChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/092751cf82ab9c579d5be42ec76b0981.json b/node_modules/.cache/vue-loader/092751cf82ab9c579d5be42ec76b0981.json
new file mode 100644
index 00000000..d23cacc5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/092751cf82ab9c579d5be42ec76b0981.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue?vue&type=template&id=599a5f81&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">我的账号</p>\n  <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form label-position=\"left\" label-width=\"60px\" :model=\"formLabelAlign\">\n      <el-form-item label=\"名称：\">\n        {{ formLabelAlign.name }}\n      </el-form-item>\n      <el-form-item label=\"账号：\">\n        {{ formLabelAlign.account }}\n      </el-form-item>\n      <el-form-item label=\"密码：\">\n        {{ formLabelAlign.password }}\n      </el-form-item>\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0a42012df690278afec6481161566ff1.json b/node_modules/.cache/vue-loader/0a42012df690278afec6481161566ff1.json
new file mode 100644
index 00000000..439b862d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0a42012df690278afec6481161566ff1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"wrapper\">\n  <!-- 页面头部部分 -->\n  <!-- <div style=\"display:inline-block\"> -->\n  <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n      <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n  </el-aside> \n      <div class=\"header\" >\n    <!-- 水平一级菜单 -->\n    <div class=\"header-right\">\n      <div class=\"header-user-con\">\n        <!-- 切换主题 -->\n        <div @click=\"handleChangeStyle()\">\n          <el-tooltip content=\"切换主题\" placement=\"bottom\">\n            <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n          </el-tooltip>\n        </div>\n        <!-- 用户头像 -->\n        <div class=\"user-avator\">\n          <img src=\"@/assets/img/img.jpg\"/>\n        </div>\n        <!-- 用户名下拉菜单 -->\n        <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n          <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n          <el-dropdown-menu slot=\"dropdown\">\n            <el-dropdown-item disabled>修改密码</el-dropdown-item>\n            <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>\n      </div>\n    </div>\n  </div>\n  <el-main>\n    \n    <router-view></router-view>\n  </el-main>\n   <!-- </el-container> -->\n  \n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0a5dbbc649f9bcb0dd356d0dd8fffcbe.json b/node_modules/.cache/vue-loader/0a5dbbc649f9bcb0dd356d0dd8fffcbe.json
new file mode 100644
index 00000000..78aebf07
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0a5dbbc649f9bcb0dd356d0dd8fffcbe.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=template&id=3fb0550a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"UPD服务设置\")]),\n        _c(\n          \"el-form\",\n          {\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"180px\"\n            }\n          },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"upd服务器端口：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { \"controls-position\": \"right\", min: 1 },\n                  model: {\n                    value: _vm.form.name,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"name\", $$v)\n                    },\n                    expression: \"form.name\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用有效载荷：\" } },\n              [\n                _c(\"el-switch\", {\n                  model: {\n                    value: _vm.form.delivery,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"delivery\", $$v)\n                    },\n                    expression: \"form.delivery\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"最大数据包大小：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { \"controls-position\": \"right\", min: 1 },\n                  model: {\n                    value: _vm.form.bytes,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"bytes\", $$v)\n                    },\n                    expression: \"form.bytes\"\n                  }\n                }),\n                _vm._v(\"\\n        bytes\\n      \")\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0b7d90ce0ee9d526b534a1f30893e714.json b/node_modules/.cache/vue-loader/0b7d90ce0ee9d526b534a1f30893e714.json
new file mode 100644
index 00000000..435eedf6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0b7d90ce0ee9d526b534a1f30893e714.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./HealthCheck.vue?vue&type=template&id=bddbd6ca&\"\nimport script from \"./HealthCheck.vue?vue&type=script&lang=js&\"\nexport * from \"./HealthCheck.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HealthCheck.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('bddbd6ca')) {\n      api.createRecord('bddbd6ca', component.options)\n    } else {\n      api.reload('bddbd6ca', component.options)\n    }\n    module.hot.accept(\"./HealthCheck.vue?vue&type=template&id=bddbd6ca&\", function () {\n      api.rerender('bddbd6ca', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/HealthCheck.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0c15bcab8a90b88d1b725339fd099254.json b/node_modules/.cache/vue-loader/0c15bcab8a90b88d1b725339fd099254.json
new file mode 100644
index 00000000..bf749af5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0c15bcab8a90b88d1b725339fd099254.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=style&index=1&id=84ec604e&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-select {\r\n  width: 130px;\r\n}\r\n",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqJA;AACA;AACA","file":"globalSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"120px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <!-- <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number> -->\r\n          <el-select v-model=\"FPS\" size=\"mini\"  placeholder=\"请选择\">\r\n            <el-option\r\n              v-for=\"item in options\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\r\n        </el-form-item>\r\n        <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport  {setQuanjsz} from \"@/api/index\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: '0',\r\n      id:'',\r\n      options:[\r\n        {\r\n          value: '0',\r\n          label: '0'\r\n        }, \r\n        {\r\n          value: '1',\r\n          label: '1'\r\n        }, \r\n        {\r\n          value: '4',\r\n          label: '4'\r\n        }, \r\n      ],\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n        this.FPS=value\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",value);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        formData(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n        })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res11111\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.videoAccessLimit\r\n             this.FPS=res.data.data.skipFrame\r\n             this.id = res.data.data.globalSettingId\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",this.FPS);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        setQuanjsz(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n            });\r\n        })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-select {\r\n  width: 130px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0c540e4c6386a82f2faa405719483eba.json b/node_modules/.cache/vue-loader/0c540e4c6386a82f2faa405719483eba.json
new file mode 100644
index 00000000..6257ecc2
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0c540e4c6386a82f2faa405719483eba.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673593142561},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\"\nimport script from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77578181\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('77578181')) {\n      api.createRecord('77578181', component.options)\n    } else {\n      api.reload('77578181', component.options)\n    }\n    module.hot.accept(\"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\", function () {\n      api.rerender('77578181', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/lineUpChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0c75ca8c479c802bc98fbbdff1b2b785.json b/node_modules/.cache/vue-loader/0c75ca8c479c802bc98fbbdff1b2b785.json
index 7d3ce120..639dc1e1 100644
--- a/node_modules/.cache/vue-loader/0c75ca8c479c802bc98fbbdff1b2b785.json
+++ b/node_modules/.cache/vue-loader/0c75ca8c479c802bc98fbbdff1b2b785.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=style&index=0&id=2a67f262&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n}\r\n.sidebar {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 70px;\r\n  bottom: 0;\r\n  overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n  width: 0;\r\n}\r\n.sidebar-el-menu {\r\n  width: 250px;\r\n}\r\n.sidebar > ul {\r\n  height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item{\r\n  font-size: 14px !important;\r\n  padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n  color: white !important;\r\n  background: #3989fa !important;\r\n}\r\n.el-menu-item, .el-submenu__title {\r\n  height: 50px !important;\r\n  line-height: 50px !important;\r\n}\r\n.navMenu{\r\n    background: url('../../assets/img/leftBg.png'); \r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu{\r\n    background: url('../../assets/img/leftBg.png');\r\n   background-size: 100%;\r\n   /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important; \r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SideMenu.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        \r\n         <el-menu\r\n          router\r\n          :default-active=\"$route.path\"\r\n          class=\"el-menu-vertical-demo\"\r\n          text-color=\"#fff\"\r\n          active-text-color=\"#ffd04b\">\r\n           <label v-for=\"navMenu in navMenus\">\r\n            <!--只有一级菜单-->\r\n            <el-menu-item v-if=\"!navMenu.children\"\r\n                          :index=\"navMenu.path\"\r\n                          :route=\"navMenu.path\"\r\n            >\r\n                <!--图标-->\r\n                <i :class=\"navMenu.icon\"></i>\r\n                <!--标题-->\r\n                <span slot=\"title\">{{navMenu.title}}</span>\r\n            </el-menu-item>\r\n            <!--有多级菜单-->\r\n            <el-submenu v-if=\"navMenu.children\"\r\n                        :key=\"navMenu.path\"\r\n                        :index=\"navMenu.path\"\r\n            >\r\n                <template slot=\"title\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span> {{navMenu.title}}</span>\r\n                </template>\r\n                <!--递归组件，把遍历的值传回子组件，完成递归调用-->\r\n                <nav-menu :navMenus=\"navMenu.children\"></nav-menu>\r\n            </el-submenu>\r\n        </label>\r\n       </el-menu>\r\n       \r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'NavMenu', //使用递归组件必须要有\r\n        props: ['navMenus'], // 传入子组件的数据\r\n        data() {\r\n            return {}\r\n        },\r\n        computed: {\r\n    toIndex(){  // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n      return this.$route.path.split('/')[2];\r\n    }\r\n  },\r\n        methods: {\r\n            handleSelect(key,keyPath){\r\n                console.log('1212')\r\n                console.log(key,keyPath)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n}\r\n.sidebar {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 70px;\r\n  bottom: 0;\r\n  overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n  width: 0;\r\n}\r\n.sidebar-el-menu {\r\n  width: 250px;\r\n}\r\n.sidebar > ul {\r\n  height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item{\r\n  font-size: 14px !important;\r\n  padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n  color: white !important;\r\n  background: #3989fa !important;\r\n}\r\n.el-menu-item, .el-submenu__title {\r\n  height: 50px !important;\r\n  line-height: 50px !important;\r\n}\r\n.navMenu{\r\n    background: url('../../assets/img/leftBg.png'); \r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu{\r\n    background: url('../../assets/img/leftBg.png');\r\n   background-size: 100%;\r\n   /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important; \r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=style&index=0&id=2a67f262&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-menu{\r\n  background: transparent;\r\n  border: none;\r\n}\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n    float: left;\r\n    margin-left: 60px;\r\n    margin-top: 17.5px;\r\n    height: 29px;\r\n    width: 160px;\r\n    vertical-align: middle;\r\n}\r\n.sidebar {\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 70px;\r\n    bottom: 0;\r\n    overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n    width: 0;\r\n}\r\n.sidebar-el-menu {\r\n    width: 250px;\r\n}\r\n.sidebar > ul {\r\n    height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item {\r\n    font-size: 14px !important;\r\n    // padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n.navMenu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    background-size: 100%;\r\n    /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important;\r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa !important;\r\n}\r\n",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SideMenu.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        <el-menu router  :default-active=\"defaultActive\" class=\"el-menu-vertical-demo\" text-color=\"#fff\" active-text-color=\"#ffd04b\">\r\n            <menu-tree :menuNavList=\"navMenus\"></menu-tree>\r\n        </el-menu>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport MenuTree from './sideBarCommon';\r\nexport default {\r\n    name: 'NavMenu', //使用递归组件必须要有\r\n    components: {\r\n       MenuTree\r\n    },\r\n    props: ['navMenus'], // 传入子组件的数据\r\n    data() {\r\n        return {\r\n          defaultActive:this.$route.path\r\n        };\r\n    },\r\n    computed: {\r\n        toIndex() {\r\n            // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n            return this.$route.path.split('/')[2];\r\n        }\r\n    },\r\n    mounted(){\r\n      console.log(this.$route.path,',,,path');\r\n      if(this.$route.path=='/test1/index'){\r\n        this.defaultActive='/test1/AnalysisMain'\r\n      }\r\n    },\r\n    methods: {\r\n        handleSelect(key, keyPath) {\r\n            console.log('1212');\r\n            console.log(key, keyPath);\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-menu{\r\n  background: transparent;\r\n  border: none;\r\n}\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n    float: left;\r\n    margin-left: 60px;\r\n    margin-top: 17.5px;\r\n    height: 29px;\r\n    width: 160px;\r\n    vertical-align: middle;\r\n}\r\n.sidebar {\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 70px;\r\n    bottom: 0;\r\n    overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n    width: 0;\r\n}\r\n.sidebar-el-menu {\r\n    width: 250px;\r\n}\r\n.sidebar > ul {\r\n    height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item {\r\n    font-size: 14px !important;\r\n    // padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n.navMenu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    background-size: 100%;\r\n    /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important;\r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa !important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0d060f88849c57f94251b7e69ddda29c.json b/node_modules/.cache/vue-loader/0d060f88849c57f94251b7e69ddda29c.json
new file mode 100644
index 00000000..ae186458
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0d060f88849c57f94251b7e69ddda29c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Permission.vue?vue&type=template&id=03db3326&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\n      \"div\",\n      { staticClass: \"crumbs\" },\n      [\n        _c(\n          \"el-breadcrumb\",\n          { attrs: { separator: \"/\" } },\n          [\n            _c(\"el-breadcrumb-item\", [\n              _c(\"i\", { staticClass: \"el-icon-warning\" }),\n              _vm._v(\" 权限测试\")\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"h1\", [_vm._v(\"管理员权限页面\")]),\n      _c(\"p\", [\n        _vm._v(\n          \"只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。\"\n        )\n      ]),\n      _c(\n        \"p\",\n        [\n          _vm._v(\"想尝试一下，请\"),\n          _c(\n            \"router-link\",\n            { staticClass: \"logout\", attrs: { to: \"/Login\" } },\n            [_vm._v(\"退出登录\")]\n          ),\n          _vm._v(\"，随便输入个账号名，再进来试试看。\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0d414b4bda84175c9f6986f80b3cb3d2.json b/node_modules/.cache/vue-loader/0d414b4bda84175c9f6986f80b3cb3d2.json
new file mode 100644
index 00000000..585410ba
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0d414b4bda84175c9f6986f80b3cb3d2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\test1\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=96b2000a&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('96b2000a')) {\n      api.createRecord('96b2000a', component.options)\n    } else {\n      api.reload('96b2000a', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=96b2000a&\", function () {\n      api.rerender('96b2000a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test1/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0d6f944823c26e28d7b0ed2888ece904.json b/node_modules/.cache/vue-loader/0d6f944823c26e28d7b0ed2888ece904.json
new file mode 100644
index 00000000..ec008b12
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0d6f944823c26e28d7b0ed2888ece904.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AboutMachine.vue?vue&type=template&id=ecdd0f0a&scoped=true&\"\nimport script from \"./AboutMachine.vue?vue&type=script&lang=js&\"\nexport * from \"./AboutMachine.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AboutMachine.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./AboutMachine.vue?vue&type=style&index=1&id=ecdd0f0a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ecdd0f0a\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('ecdd0f0a')) {\n      api.createRecord('ecdd0f0a', component.options)\n    } else {\n      api.reload('ecdd0f0a', component.options)\n    }\n    module.hot.accept(\"./AboutMachine.vue?vue&type=template&id=ecdd0f0a&scoped=true&\", function () {\n      api.rerender('ecdd0f0a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/AboutMachine.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0dbbc013ccffa8d4adcf882f3c41278d.json b/node_modules/.cache/vue-loader/0dbbc013ccffa8d4adcf882f3c41278d.json
new file mode 100644
index 00000000..b63324af
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0dbbc013ccffa8d4adcf882f3c41278d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673593138887},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0e18f50e67e9c5bbddce3afec38e46d3.json b/node_modules/.cache/vue-loader/0e18f50e67e9c5bbddce3afec38e46d3.json
new file mode 100644
index 00000000..b111627c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0e18f50e67e9c5bbddce3afec38e46d3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue?vue&type=template&id=558a7c3e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _vm._l(this.menuNavList, function(navMenu) {\n        return [\n          !navMenu.children\n            ? _c(\n                \"el-menu-item\",\n                { attrs: { index: navMenu.path, route: navMenu.path } },\n                [\n                  _c(\"i\", { class: navMenu.icon }),\n                  _c(\"span\", { attrs: { slot: \"title\" }, slot: \"title\" }, [\n                    _vm._v(_vm._s(navMenu.title))\n                  ])\n                ]\n              )\n            : _vm._e(),\n          navMenu.children\n            ? _c(\n                \"el-submenu\",\n                { key: navMenu.path, attrs: { index: navMenu.path } },\n                [\n                  _c(\"template\", { slot: \"title\" }, [\n                    _c(\"i\", { class: navMenu.icon }),\n                    _c(\"span\", [_vm._v(\" \" + _vm._s(navMenu.title))])\n                  ]),\n                  _c(\"menu-tree\", { attrs: { menuNavList: navMenu.children } })\n                ],\n                2\n              )\n            : _vm._e()\n        ]\n      })\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0e43e3bda040f9152ae50453af5f7a56.json b/node_modules/.cache/vue-loader/0e43e3bda040f9152ae50453af5f7a56.json
new file mode 100644
index 00000000..0284bad0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0e43e3bda040f9152ae50453af5f7a56.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673593016910},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <barChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <pieChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0e4e8cc8a40917db42717bb0a17f286b.json b/node_modules/.cache/vue-loader/0e4e8cc8a40917db42717bb0a17f286b.json
index 7fe65810..8c0f0667 100644
--- a/node_modules/.cache/vue-loader/0e4e8cc8a40917db42717bb0a17f286b.json
+++ b/node_modules/.cache/vue-loader/0e4e8cc8a40917db42717bb0a17f286b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n  export default {\n      name: 'NavMenu', //使用递归组件必须要有\n      props: ['navMenus'], // 传入子组件的数据\n      data() {\n          return {}\n      },\n      computed: {\n  toIndex(){  // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\n    return this.$route.path.split('/')[2];\n  }\n},\n      methods: {\n          handleSelect(key,keyPath){\n              console.log('1212')\n              console.log(key,keyPath)\n          }\n      }\n  }\n",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SideMenu.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        \r\n         <el-menu\r\n          router\r\n          :default-active=\"$route.path\"\r\n          class=\"el-menu-vertical-demo\"\r\n          text-color=\"#fff\"\r\n          active-text-color=\"#ffd04b\">\r\n           <label v-for=\"navMenu in navMenus\">\r\n            <!--只有一级菜单-->\r\n            <el-menu-item v-if=\"!navMenu.children\"\r\n                          :index=\"navMenu.path\"\r\n                          :route=\"navMenu.path\"\r\n            >\r\n                <!--图标-->\r\n                <i :class=\"navMenu.icon\"></i>\r\n                <!--标题-->\r\n                <span slot=\"title\">{{navMenu.title}}</span>\r\n            </el-menu-item>\r\n            <!--有多级菜单-->\r\n            <el-submenu v-if=\"navMenu.children\"\r\n                        :key=\"navMenu.path\"\r\n                        :index=\"navMenu.path\"\r\n            >\r\n                <template slot=\"title\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span> {{navMenu.title}}</span>\r\n                </template>\r\n                <!--递归组件，把遍历的值传回子组件，完成递归调用-->\r\n                <nav-menu :navMenus=\"navMenu.children\"></nav-menu>\r\n            </el-submenu>\r\n        </label>\r\n       </el-menu>\r\n       \r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'NavMenu', //使用递归组件必须要有\r\n        props: ['navMenus'], // 传入子组件的数据\r\n        data() {\r\n            return {}\r\n        },\r\n        computed: {\r\n    toIndex(){  // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n      return this.$route.path.split('/')[2];\r\n    }\r\n  },\r\n        methods: {\r\n            handleSelect(key,keyPath){\r\n                console.log('1212')\r\n                console.log(key,keyPath)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n}\r\n.sidebar {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 70px;\r\n  bottom: 0;\r\n  overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n  width: 0;\r\n}\r\n.sidebar-el-menu {\r\n  width: 250px;\r\n}\r\n.sidebar > ul {\r\n  height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item{\r\n  font-size: 14px !important;\r\n  padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n  color: white !important;\r\n  background: #3989fa !important;\r\n}\r\n.el-menu-item, .el-submenu__title {\r\n  height: 50px !important;\r\n  line-height: 50px !important;\r\n}\r\n.navMenu{\r\n    background: url('../../assets/img/leftBg.png'); \r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu{\r\n    background: url('../../assets/img/leftBg.png');\r\n   background-size: 100%;\r\n   /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important; \r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nimport MenuTree from './sideBarCommon';\r\nexport default {\r\n    name: 'NavMenu', //使用递归组件必须要有\r\n    components: {\r\n       MenuTree\r\n    },\r\n    props: ['navMenus'], // 传入子组件的数据\r\n    data() {\r\n        return {\r\n          defaultActive:this.$route.path\r\n        };\r\n    },\r\n    computed: {\r\n        toIndex() {\r\n            // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n            return this.$route.path.split('/')[2];\r\n        }\r\n    },\r\n    mounted(){\r\n      console.log(this.$route.path,',,,path');\r\n      if(this.$route.path=='/test1/index'){\r\n        this.defaultActive='/test1/AnalysisMain'\r\n      }\r\n    },\r\n    methods: {\r\n        handleSelect(key, keyPath) {\r\n            console.log('1212');\r\n            console.log(key, keyPath);\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SideMenu.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        <el-menu router  :default-active=\"defaultActive\" class=\"el-menu-vertical-demo\" text-color=\"#fff\" active-text-color=\"#ffd04b\">\r\n            <menu-tree :menuNavList=\"navMenus\"></menu-tree>\r\n        </el-menu>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport MenuTree from './sideBarCommon';\r\nexport default {\r\n    name: 'NavMenu', //使用递归组件必须要有\r\n    components: {\r\n       MenuTree\r\n    },\r\n    props: ['navMenus'], // 传入子组件的数据\r\n    data() {\r\n        return {\r\n          defaultActive:this.$route.path\r\n        };\r\n    },\r\n    computed: {\r\n        toIndex() {\r\n            // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n            return this.$route.path.split('/')[2];\r\n        }\r\n    },\r\n    mounted(){\r\n      console.log(this.$route.path,',,,path');\r\n      if(this.$route.path=='/test1/index'){\r\n        this.defaultActive='/test1/AnalysisMain'\r\n      }\r\n    },\r\n    methods: {\r\n        handleSelect(key, keyPath) {\r\n            console.log('1212');\r\n            console.log(key, keyPath);\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-menu{\r\n  background: transparent;\r\n  border: none;\r\n}\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n    float: left;\r\n    margin-left: 60px;\r\n    margin-top: 17.5px;\r\n    height: 29px;\r\n    width: 160px;\r\n    vertical-align: middle;\r\n}\r\n.sidebar {\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 70px;\r\n    bottom: 0;\r\n    overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n    width: 0;\r\n}\r\n.sidebar-el-menu {\r\n    width: 250px;\r\n}\r\n.sidebar > ul {\r\n    height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item {\r\n    font-size: 14px !important;\r\n    // padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n.navMenu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    background-size: 100%;\r\n    /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important;\r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa !important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0e9e3041e35a67d20c96a81f2b81d69e.json b/node_modules/.cache/vue-loader/0e9e3041e35a67d20c96a81f2b81d69e.json
new file mode 100644
index 00000000..02dbed63
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0e9e3041e35a67d20c96a81f2b81d69e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue","mtime":1673518221965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0f881e872eecfa34ce637f87e3e7b041.json b/node_modules/.cache/vue-loader/0f881e872eecfa34ce637f87e3e7b041.json
new file mode 100644
index 00000000..1059a67f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0f881e872eecfa34ce637f87e3e7b041.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue?vue&type=template&id=bddbd6ca&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"健康检测 \")]),\n        _c(\"h3\", [_vm._v(\"网络状态\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"50%\" },\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"200px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"检查网络服务的状态：\" } }, [\n              _c(\"div\", { staticClass: \"state\" }, [\n                _c(\"div\", {\n                  staticClass: \"Badge\",\n                  staticStyle: { \"background-color\": \"pink\" }\n                }),\n                _c(\"span\", [_vm._v(\"忙碌\")])\n              ])\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0fa9d2e966ffba03512cd69a00e9b792.json b/node_modules/.cache/vue-loader/0fa9d2e966ffba03512cd69a00e9b792.json
new file mode 100644
index 00000000..684e14da
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0fa9d2e966ffba03512cd69a00e9b792.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673592974692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件'\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件'\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0ff651fb2f27ec91eb0b14791ce443f3.json b/node_modules/.cache/vue-loader/0ff651fb2f27ec91eb0b14791ce443f3.json
new file mode 100644
index 00000000..11b7485f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/0ff651fb2f27ec91eb0b14791ce443f3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div ref=\"box\" class=\"box\" style=\"height: 100vh\">\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n    <!-- 01断面 -->\n    <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\n        <div class=\"plate1\">\n            <div class=\"section\" ref=\"section\">\n                <div ref=\"sectionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title1 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\n                    </div>\n\n                    <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\n                </div>\n            </div>\n        </div>\n\n        <!-- 区域 -->\n        <div class=\"plate2\">\n            <div class=\"region\" ref=\"region\">\n                <div ref=\"regionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title2 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\n                    </div>\n                    <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n\n                    <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\n                    <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                    <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                    <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <!-- 详情框 -->\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/10029fd93fe48ce5dde82df1b7bdb756.json b/node_modules/.cache/vue-loader/10029fd93fe48ce5dde82df1b7bdb756.json
new file mode 100644
index 00000000..93af7dac
--- /dev/null
+++ b/node_modules/.cache/vue-loader/10029fd93fe48ce5dde82df1b7bdb756.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\logs.vue?vue&type=template&id=14bfa549&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">通知/日志</p>\n  <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\n      <el-table-column align=\"center\" prop=\"date\" label=\"通知类型\" width=\"180\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"name\" label=\"产生时机\" width=\"180\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"address\" label=\"内容\"></el-table-column>\n      <el-table-column align=\"center\" label=\"操作\" width=\"160\">\n        <template slot-scope=\"scope\">\n          <el-button @click=\"download(scope.row)\" type=\"text\" size=\"small\" class=\"\">下载</el-button>\n          <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\n          <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n\n    <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\n      :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\n      layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\n    </el-pagination>\n\n\n    <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\">\n      <span>这是一段信息</span>\n      <!-- <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"dialogVisible = false\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\n      </span> -->\n    </el-dialog>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/11952f7b75b054c93222007e588bddc4.json b/node_modules/.cache/vue-loader/11952f7b75b054c93222007e588bddc4.json
new file mode 100644
index 00000000..f6af7b06
--- /dev/null
+++ b/node_modules/.cache/vue-loader/11952f7b75b054c93222007e588bddc4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./sideBarCommon.vue?vue&type=template&id=558a7c3e&scoped=true&\"\nimport script from \"./sideBarCommon.vue?vue&type=script&lang=js&\"\nexport * from \"./sideBarCommon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./sideBarCommon.vue?vue&type=style&index=0&id=558a7c3e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"558a7c3e\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('558a7c3e')) {\n      api.createRecord('558a7c3e', component.options)\n    } else {\n      api.reload('558a7c3e', component.options)\n    }\n    module.hot.accept(\"./sideBarCommon.vue?vue&type=template&id=558a7c3e&scoped=true&\", function () {\n      api.rerender('558a7c3e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/sidemenu/sideBarCommon.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/11c46b32283e74974ef156976d9820c9.json b/node_modules/.cache/vue-loader/11c46b32283e74974ef156976d9820c9.json
new file mode 100644
index 00000000..3f67bf46
--- /dev/null
+++ b/node_modules/.cache/vue-loader/11c46b32283e74974ef156976d9820c9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue?vue&type=template&id=ecdd0f0a&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\" >\r\n      <p>主机</p>\r\n      <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"sizeForm.date1\" style=\"width: 50%;\" autocomplete=\"off\" ></el-date-picker>\r\n        <!-- </el-col> -->\r\n        <!-- <el-col :span=\"2\"> -->\r\n          <el-button type=\"primary\" style=\"margin-left:10px\" size=\"small\">自动校验</el-button>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <p>备份&恢复</p>\r\n      <el-form-item label=\"备份服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" size=\"small\">备份</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"3\">\r\n          <el-button type=\"primary\" disabled size=\"small\">备份</el-button>\r\n        </el-col>\r\n        <el-col :span=\"4\">\r\n          <el-upload\r\n            class=\"upload-demo\"\r\n            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n            :on-preview=\"handlePreview\"\r\n            :on-remove=\"handleRemove\"\r\n            :before-remove=\"beforeRemove\"\r\n            multiple\r\n            :limit=\"3\"\r\n            :on-exceed=\"handleExceed\"\r\n            :file-list=\"fileList\">\r\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n          </el-upload>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>出厂默认值</p>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleReset()\" size=\"small\">重置默认值</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>重新启动</p>\r\n      <el-form-item label=\"重新启动系统：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">重新启动</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/11f2eff406fab274722f500dfffbc844.json b/node_modules/.cache/vue-loader/11f2eff406fab274722f500dfffbc844.json
new file mode 100644
index 00000000..6c345c48
--- /dev/null
+++ b/node_modules/.cache/vue-loader/11f2eff406fab274722f500dfffbc844.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n\n  <!-- <div class=\"container\"> -->\n  <div >\n    <el-tabs v-model=\"activeName\" type=\"border-card\" >\n      <el-tab-pane label=\"xx路口\" name=\"first\">\n          <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\n                   <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\n                    <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n        ref=\"iframe\"></iframe> -->\n              </div>\n               <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n          <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n          <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n          <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n          <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n          <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n        </div>\n        <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n          <img :src='imgUrl' width=\"100%\" height=\"100%\" />\n        </div>\n        <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n          <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n          <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n          <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\n          <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n          <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n        </div>\n        <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n        </div> -->\n      </el-tab-pane>\n      <el-tab-pane label=\"数据看板\" name=\"second\">\n        <dataBoard :activeName=\"activeName\"></dataBoard>\n      </el-tab-pane>\n      <el-tab-pane label=\"分析配置\" name=\"third\">\n        <analysisConfiguration></analysisConfiguration>\n      </el-tab-pane>\n      <el-tab-pane label=\"分析状态\" name=\"fourth\">\n        <editModal></editModal>\n      </el-tab-pane>\n      <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\n    </el-tabs>\n    <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n</div>  \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n</div>  -->\n\n  </div>\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n    <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\n      <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n        <!-- <el-form-item label=\"实时性\">\n  <el-radio-group v-model=\"form.resource\">\n    <el-radio label=\"实时（触发）\"></el-radio>\n    <el-radio label=\"间隔\"></el-radio>\n  </el-radio-group>\n</el-form-item> -->\n        <el-form-item label=\"断面名称\">\n          <el-input v-model=\"form.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"断面方向\">\n          <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n            <el-option label=\"正向\" value=\"car\"></el-option>\n            <el-option label=\"方向\" value=\"bus\"></el-option>\n            <el-option label=\"双向\" value=\"kache\"></el-option>\n          </el-select>\n        </el-form-item>\n\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\n      <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\n        <el-form-item label=\"区域名称\">\n          <el-input v-model=\"areaComponentform.name\"></el-input>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\n      <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\n        <el-form-item label=\"轨迹名称：\">\n          <el-input v-model=\"trackForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\n      <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n        <el-form-item label=\"速度组件名称：\">\n          <el-input v-model=\"speedForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"数值筛选：\">\n          <el-input v-model=\"speedForm.num\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"时间模式：\">\n          <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\n            <el-option label=\"触发\" value=\"touch\"></el-option>\n            <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\n            <el-option label=\"周期统计\" value=\"date\"></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\n        <el-radio-group v-model=\"speedForm.touchType\" >\n          <el-radio label=\"实时（触发）\"></el-radio>\n          <el-radio label=\"间隔\"></el-radio>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\n        <el-slider v-model=\"speedForm.time\" show-input>\n          </el-slider>\n      </el-form-item>\n      <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\n         <el-date-picker\n     v-model=\"speedForm.date\"\n    type=\"datetimerange\"\n    range-separator=\"至\"\n    start-placeholder=\"开始日期\"\n    end-placeholder=\"结束日期\">\n  </el-date-picker>\n      </el-form-item>\n        <el-form-item label=\"展现形式：\">\n          <el-checkbox-group v-model=\"speedForm.type\">\n            <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n          </el-checkbox-group>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    \n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/122c93fde77f69ed5aaecd463ddb91f0.json b/node_modules/.cache/vue-loader/122c93fde77f69ed5aaecd463ddb91f0.json
new file mode 100644
index 00000000..ccbd3ea7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/122c93fde77f69ed5aaecd463ddb91f0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue","mtime":1673425086639},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"thermalChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"thermalChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/123c8ed2b700c8d9fe0eecb816965835.json b/node_modules/.cache/vue-loader/123c8ed2b700c8d9fe0eecb816965835.json
index 784ea31f..5fd7a47e 100644
--- a/node_modules/.cache/vue-loader/123c8ed2b700c8d9fe0eecb816965835.json
+++ b/node_modules/.cache/vue-loader/123c8ed2b700c8d9fe0eecb816965835.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312077829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option>\r\n\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n         <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option>\r\n\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/125f7e7449e5750b4967494ea2d92ed2.json b/node_modules/.cache/vue-loader/125f7e7449e5750b4967494ea2d92ed2.json
new file mode 100644
index 00000000..6686aef8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/125f7e7449e5750b4967494ea2d92ed2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=style&index=0&id=84ec604e&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"globalSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"默认取值：\">\r\n        </el-form-item>\r\n        <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/12d5d511648ce69f40177be02d7b0a68.json b/node_modules/.cache/vue-loader/12d5d511648ce69f40177be02d7b0a68.json
index 209bc8c0..c6dc2004 100644
--- a/node_modules/.cache/vue-loader/12d5d511648ce69f40177be02d7b0a68.json
+++ b/node_modules/.cache/vue-loader/12d5d511648ce69f40177be02d7b0a68.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673318349844},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+KA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"> <span class=\"titleIcon\"></span>  延误组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\"/>\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\"/>\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType=='触发'\"/>\r\n                    <avgChart :list=\"periodicTime\" v-if=\"triggerType=='周期时刻'\"/>\r\n                    <avgChart :list=\"periodicStatistic\" v-if=\"triggerType=='周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props:['pageType','triggerType'],\r\n    components:{\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n           tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        \r\n        \r\n    },\r\n    mounted() {\r\n\r\n    },\r\n    watch:{\r\n        \r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673517881662},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '延误组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/12e815b5b5a5c0660ac230c68e39779a.json b/node_modules/.cache/vue-loader/12e815b5b5a5c0660ac230c68e39779a.json
new file mode 100644
index 00000000..15910a1a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/12e815b5b5a5c0660ac230c68e39779a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"pieChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"pieChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1302b0e9907bdea7a5b608fe8b458b47.json b/node_modules/.cache/vue-loader/1302b0e9907bdea7a5b608fe8b458b47.json
new file mode 100644
index 00000000..54ca7e1a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1302b0e9907bdea7a5b608fe8b458b47.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue?vue&type=template&id=e5ed2546&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"界面\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"界面：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择\" },\n                        model: {\n                          value: _vm.sizeForm.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.sizeForm, \"name\", $$v)\n                          },\n                          expression: \"sizeForm.name\"\n                        }\n                      },\n                      _vm._l(_vm.options, function(item) {\n                        return _c(\"el-option\", {\n                          key: item.value,\n                          attrs: { label: item.label, value: item.value }\n                        })\n                      }),\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"MAC地址：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.region,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"region\", $$v)\n                        },\n                        expression: \"sizeForm.region\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"MTU：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.region,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"region\", $$v)\n                        },\n                        expression: \"sizeForm.region\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"运行状态\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"YES\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"连接：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"接通\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"IPV4\")]),\n            _c(\n              \"el-table\",\n              {\n                staticStyle: { width: \"95%\" },\n                attrs: { data: _vm.tableData, border: \"\" }\n              },\n              [\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"address\", label: \"地址\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.address,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"address\", $$v)\n                              },\n                              expression: \"scope.row.address\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"agreement\", label: \"协议\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.agreement,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"agreement\", $$v)\n                              },\n                              expression: \"scope.row.agreement\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"Range\", label: \"范围\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择\" },\n                              on: {\n                                change: function($event) {\n                                  return _vm.changeVal(scope.row, scope.$index)\n                                }\n                              },\n                              model: {\n                                value: scope.row.Range,\n                                callback: function($$v) {\n                                  _vm.$set(scope.row, \"Range\", $$v)\n                                },\n                                expression: \"scope.row.Range\"\n                              }\n                            },\n                            _vm._l(_vm.optionsa, function(item) {\n                              return _c(\"el-option\", {\n                                key: item.value,\n                                attrs: { label: item.label, value: item.value }\n                              })\n                            }),\n                            1\n                          )\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"term\", label: \"期限\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.term,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"term\", $$v)\n                              },\n                              expression: \"scope.row.term\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { fixed: \"right\", label: \"操作\", width: \"350\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\n                            \"el-button\",\n                            {\n                              attrs: {\n                                type: \"primary\",\n                                disabled: scope.row.disabled,\n                                size: \"small\"\n                              },\n                              on: {\n                                click: function($event) {\n                                  return _vm.handleClick(scope.row)\n                                }\n                              }\n                            },\n                            [_vm._v(\"确认\")]\n                          )\n                        ]\n                      }\n                    }\n                  ])\n                })\n              ],\n              1\n            ),\n            _c(\n              \"p\",\n              { staticClass: \"title\", staticStyle: { \"margin-top\": \"10px\" } },\n              [_vm._v(\"DHCP\")]\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"el-switch\", {\n                      attrs: {\n                        \"active-color\": \"#13ce66\",\n                        \"inactive-color\": \"#ff4949\"\n                      },\n                      model: {\n                        value: _vm.sizeForm.desc,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"desc\", $$v)\n                        },\n                        expression: \"sizeForm.desc\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"网关：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.gateway,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"gateway\", $$v)\n                        },\n                        expression: \"sizeForm.gateway\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"分配IP：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.ip,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"ip\", $$v)\n                        },\n                        expression: \"sizeForm.ip\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _vm.sizeForm.desc == true\n              ? _c(\n                  \"div\",\n                  { staticStyle: { width: \"100%\" } },\n                  [\n                    _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"静态地址\")]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP1：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip1,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip1\", $$v)\n                                },\n                                expression: \"sizeForm.ip1\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP2：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip2,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip2\", $$v)\n                                },\n                                expression: \"sizeForm.ip2\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP3：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip3,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip3\", $$v)\n                                },\n                                expression: \"sizeForm.ip3\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP4：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip4,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip4\", $$v)\n                                },\n                                expression: \"sizeForm.ip4\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"静态路由\")]),\n                    _c(\n                      \"el-table\",\n                      {\n                        staticStyle: { width: \"95%\" },\n                        attrs: { data: _vm.tableRouter, border: \"\" }\n                      },\n                      [\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"name\", label: \"名称\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.name,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"name\", $$v)\n                                        },\n                                        expression: \"scope.row.name\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1116474992\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"target\", label: \"目标\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.target,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"target\", $$v)\n                                        },\n                                        expression: \"scope.row.target\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1296719846\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"Range\", label: \"范围\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.Range,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"Range\", $$v)\n                                        },\n                                        expression: \"scope.row.Range\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1655776360\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"metric\", label: \"metric\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.metric,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"metric\", $$v)\n                                        },\n                                        expression: \"scope.row.metric\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1517525235\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            fixed: \"right\",\n                            label: \"操作\",\n                            width: \"350\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        attrs: {\n                                          type: \"primary\",\n                                          disabled: scope.row.disabled,\n                                          size: \"small\"\n                                        },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleClick(scope.row)\n                                          }\n                                        }\n                                      },\n                                      [_vm._v(\"确认\")]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            815860820\n                          )\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"p\",\n                      {\n                        staticClass: \"title\",\n                        staticStyle: { \"margin-top\": \"10px\" }\n                      },\n                      [_vm._v(\"DNS服务\")]\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS1：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns1,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns1\", $$v)\n                                },\n                                expression: \"sizeForm.dns1\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS2：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns2,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns2\", $$v)\n                                },\n                                expression: \"sizeForm.dns2\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS3：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns3,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns3\", $$v)\n                                },\n                                expression: \"sizeForm.dns3\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/132e5e90e8ee0f564e1e1fa7c220260c.json b/node_modules/.cache/vue-loader/132e5e90e8ee0f564e1e1fa7c220260c.json
new file mode 100644
index 00000000..85c36060
--- /dev/null
+++ b/node_modules/.cache/vue-loader/132e5e90e8ee0f564e1e1fa7c220260c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&\"\nimport script from \"./SideMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./SideMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SideMenu.vue?vue&type=style&index=0&id=2a67f262&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2a67f262\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2a67f262')) {\n      api.createRecord('2a67f262', component.options)\n    } else {\n      api.reload('2a67f262', component.options)\n    }\n    module.hot.accept(\"./SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&\", function () {\n      api.rerender('2a67f262', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/sidemenu/SideMenu.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/133c8a83d56387cc1661fdb85d18873c.json b/node_modules/.cache/vue-loader/133c8a83d56387cc1661fdb85d18873c.json
new file mode 100644
index 00000000..995625a4
--- /dev/null
+++ b/node_modules/.cache/vue-loader/133c8a83d56387cc1661fdb85d18873c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test2-3.vue?vue&type=template&id=2e639ef0&\"\nimport script from \"./test2-3.vue?vue&type=script&lang=js&\"\nexport * from \"./test2-3.vue?vue&type=script&lang=js&\"\nimport style0 from \"./test2-3.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2e639ef0')) {\n      api.createRecord('2e639ef0', component.options)\n    } else {\n      api.reload('2e639ef0', component.options)\n    }\n    module.hot.accept(\"./test2-3.vue?vue&type=template&id=2e639ef0&\", function () {\n      api.rerender('2e639ef0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test2/test2-3.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/135ea1d1e9679e356f5fcb75a9f0692f.json b/node_modules/.cache/vue-loader/135ea1d1e9679e356f5fcb75a9f0692f.json
new file mode 100644
index 00000000..6ea06375
--- /dev/null
+++ b/node_modules/.cache/vue-loader/135ea1d1e9679e356f5fcb75a9f0692f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">全局设置</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form label-position=\"left\" label-width=\"120px\">\n      <el-form-item label=\"视频接入上限：\">\n        <el-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\"\n          :max=\"8\"></el-input-number>\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\n      </el-form-item>\n\n      <el-form-item label=\"跳帧设置：\">\n        <!-- <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number> -->\n        <el-select v-model=\"FPS\" size=\"mini\"  placeholder=\"请选择\">\n          <el-option\n            v-for=\"item in options\"\n            :key=\"item.value\"\n            :label=\"item.label\"\n            :value=\"item.value\">\n          </el-option>\n        </el-select>\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\n      </el-form-item>\n      <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/13c6acd3ebd9ce00796de0721efb63f2.json b/node_modules/.cache/vue-loader/13c6acd3ebd9ce00796de0721efb63f2.json
new file mode 100644
index 00000000..294181ad
--- /dev/null
+++ b/node_modules/.cache/vue-loader/13c6acd3ebd9ce00796de0721efb63f2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\logs.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./logs.vue?vue&type=template&id=14bfa549&\"\nimport script from \"./logs.vue?vue&type=script&lang=js&\"\nexport * from \"./logs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./logs.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('14bfa549')) {\n      api.createRecord('14bfa549', component.options)\n    } else {\n      api.reload('14bfa549', component.options)\n    }\n    module.hot.accept(\"./logs.vue?vue&type=template&id=14bfa549&\", function () {\n      api.rerender('14bfa549', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/logs.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/13ca0150acc396bd85495f027905d0f1.json b/node_modules/.cache/vue-loader/13ca0150acc396bd85495f027905d0f1.json
new file mode 100644
index 00000000..8647604c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/13ca0150acc396bd85495f027905d0f1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./myId.vue?vue&type=template&id=599a5f81&\"\nimport script from \"./myId.vue?vue&type=script&lang=js&\"\nexport * from \"./myId.vue?vue&type=script&lang=js&\"\nimport style0 from \"./myId.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('599a5f81')) {\n      api.createRecord('599a5f81', component.options)\n    } else {\n      api.reload('599a5f81', component.options)\n    }\n    module.hot.accept(\"./myId.vue?vue&type=template&id=599a5f81&\", function () {\n      api.rerender('599a5f81', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/myId.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/13e469944b82ac3e01d3f3a625c7a710.json b/node_modules/.cache/vue-loader/13e469944b82ac3e01d3f3a625c7a710.json
new file mode 100644
index 00000000..137a702c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/13e469944b82ac3e01d3f3a625c7a710.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=431f3506&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('431f3506')) {\n      api.createRecord('431f3506', component.options)\n    } else {\n      api.reload('431f3506', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=431f3506&\", function () {\n      api.rerender('431f3506', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test3/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/13e931c2159af02411933f0fe4c5d17b.json b/node_modules/.cache/vue-loader/13e931c2159af02411933f0fe4c5d17b.json
index dec3e5e3..616958e5 100644
--- a/node_modules/.cache/vue-loader/13e931c2159af02411933f0fe4c5d17b.json
+++ b/node_modules/.cache/vue-loader/13e931c2159af02411933f0fe4c5d17b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673318539856},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  OD组件</p>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673518264162},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"border\">\n        <detailDialog :msg=\"tableData\" />\n        <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n        <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n        <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/13ea40567e7bb874a3ae59ffaf434d12.json b/node_modules/.cache/vue-loader/13ea40567e7bb874a3ae59ffaf434d12.json
index 3b454142..c81151d0 100644
--- a/node_modules/.cache/vue-loader/13ea40567e7bb874a3ae59ffaf434d12.json
+++ b/node_modules/.cache/vue-loader/13ea40567e7bb874a3ae59ffaf434d12.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n    \r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active{\r\n  transition:  all .5s linear;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8HA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2==true?'upActive':'active'\"  @click=\"sectionHandle()\" ></span>\r\n                        </div>\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\"/>\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1==true?'upActive':'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\"/>\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        \r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue'\r\nimport OD from '../../components/target/OD.vue'\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n    \r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active{\r\n  transition:  all .5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673579698759},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0SA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                        <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                        <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList1\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queque: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/140f49dd98ee70af5da24456aef7cd4d.json b/node_modules/.cache/vue-loader/140f49dd98ee70af5da24456aef7cd4d.json
index 58734fe4..5f730dd6 100644
--- a/node_modules/.cache/vue-loader/140f49dd98ee70af5da24456aef7cd4d.json
+++ b/node_modules/.cache/vue-loader/140f49dd98ee70af5da24456aef7cd4d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n    <!-- </div> -->\r\n     \r\n    \r\n\r\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\r\n     <!-- <el-container> -->\r\n        <div class=\"header\" >\r\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\r\n      <!-- 水平一级菜单 -->\r\n      <div style=\"float:left;\">\r\n        <!-- <el-menu \r\n          mode=\"horizontal\"\r\n          text-color=\"#000000\"\r\n          active-text-color=\"#3989fa\"\r\n          :default-active=\"toIndex\" \r\n          @select=\"handleSelect\">\r\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\r\n            <span slot=\"title\">{{ item.title }}</span>\r\n          </el-menu-item>\r\n        </el-menu> -->\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n   background: url('../../assets/img/leftBg.png'); \r\n    max-height: 1000px;\r\n    background-size: 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: '/test1/AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: '/test1/AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: '/test1/network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: '/test1/VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: '/test1/CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: '/test1/HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: '/test1/StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: '/test1/interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: '/test1/IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: '/test1/globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: '/test1/ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: '/test1/ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: '/test1/InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: '/test1/UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: '/test1/myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: '/test1/IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: '/test1/logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n        <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n        <div class=\"header\" >\r\n      <!-- 水平一级菜单 -->\r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: '/test1/AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: '/test1/AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: '/test1/network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: '/test1/VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: '/test1/CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: '/test1/HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: '/test1/StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: '/test1/interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: '/test1/IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: '/test1/globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: '/test1/ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: '/test1/ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: '/test1/InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: '/test1/UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: '/test1/myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: '/test1/IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: '/test1/logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    background: url('../../assets/img/leftBg.png'); \r\n    max-height: 100%;\r\n    background-size: 100% 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/150f21970f154825732c1019c0db42b9.json b/node_modules/.cache/vue-loader/150f21970f154825732c1019c0db42b9.json
new file mode 100644
index 00000000..eaf692e6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/150f21970f154825732c1019c0db42b9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673593137304},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _c(\"tableShow\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _c(\"regionTable\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"lineChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                title: _vm.title,\n                status: _vm.triggerType\n              }\n            })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/153163925a63fca91f5cbd5e5c9229ea.json b/node_modules/.cache/vue-loader/153163925a63fca91f5cbd5e5c9229ea.json
new file mode 100644
index 00000000..d6af93f0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/153163925a63fca91f5cbd5e5c9229ea.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue?vue&type=style&index=1&id=e5ed2546&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n",{"version":3,"sources":["network.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"network.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p class=\"title\">界面</p>\r\n                <el-form-item label=\"界面：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\r\n                            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MAC地址：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MTU：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">运行状态</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"连接：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">接通</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">IPV4</p>\r\n                <el-table :data=\"tableData\" border style=\"width: 95%\">\r\n                    <el-table-column prop=\"address\" label=\"地址\">\r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"agreement\" label=\"协议\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"Range\" label=\"范围\">\r\n                      <template slot-scope=\"scope\">\r\n                      <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\r\n                            <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"term\" label=\"期限\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column\r\n                      fixed=\"right\"\r\n                      label=\"操作\"\r\n                      width=\"350\"\r\n                      >\r\n                  <template slot-scope=\"scope\" >\r\n                      <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                  </template>\r\n                  </el-table-column>\r\n                </el-table>\r\n                <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"网关：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.gateway\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"分配IP：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.ip\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\r\n                    <p class=\"title\">静态地址</p>\r\n                    <el-form-item label=\"IP1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP4：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip4\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <p class=\"title\">静态路由</p>\r\n                    <el-table :data=\"tableRouter\" border style=\"width: 95%\">\r\n                        <el-table-column prop=\"name\" label=\"名称\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"target\" label=\"目标\"> \r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"Range\" label=\"范围\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"metric\" label=\"metric\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            fixed=\"right\"\r\n                            label=\"操作\"\r\n                            width=\"350\"\r\n                            >\r\n                        <template slot-scope=\"scope\" >\r\n                            <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                        </template>\r\n                        </el-table-column>\r\n                    </el-table>\r\n                    <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\r\n                    <el-form-item label=\"DNS1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                </div>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n          optionsa:[\r\n              {\r\n                    value: '1',\r\n                    label: '全局'\r\n                } \r\n              ],\r\n            tableRouter: [\r\n                {\r\n                    name: 'Router0',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router1',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router2',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router3',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            sizeForm: {\r\n                name: '1',\r\n                region: '00:11:14:1a:62:fe',\r\n                MTU: '1500',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: true,\r\n                ip: '192.168.1.5/24',\r\n                gateway: 'n/a',\r\n                ip1: '192.168.50.10/24',\r\n                ip2: 'e.g.192.168.50.10/24',\r\n                ip3: 'e.g.192.168.50.10/24',\r\n                ip4: 'e.g.192.168.50.10/24',\r\n                dns1: 'e.g.1.1.1.1',\r\n                dns2: 'e.g.1.0.0.1',\r\n                dns3: 'e.g.1.0.0.1'\r\n            },\r\n            options: [\r\n                {\r\n                    value: '1',\r\n                    label: 'eth0'\r\n                }\r\n            ],\r\n            tableData: [\r\n                {\r\n                    agreement: 'NO',\r\n                    Range: '1',\r\n                    address: '192.168.50.10/24',\r\n                    term: '永久',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    agreement: 'YES',\r\n                    Range: '1',\r\n                    address: '192.168.1.5/24',\r\n                    term: '17小时',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            \r\n        };\r\n    },\r\n    watch: {\r\n     \r\n    },\r\n    methods:{\r\n      changeVal(val,e){\r\n        this.tableData[e].disabled = false\r\n      },\r\n      changeValT(val,e){\r\n        this.tableRouter[e].disabled = false\r\n      },\r\n      handleClick(scope,e){\r\n        console.log(scope,'scope');\r\n      }\r\n    }\r\n};\r\n</script>\r\n  \r\n  <style>\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n</style>\r\n  <style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1550b82e2ce4f4fec8f6b67c6bb46f6b.json b/node_modules/.cache/vue-loader/1550b82e2ce4f4fec8f6b67c6bb46f6b.json
index 4d482e33..d4130860 100644
--- a/node_modules/.cache/vue-loader/1550b82e2ce4f4fec8f6b67c6bb46f6b.json
+++ b/node_modules/.cache/vue-loader/1550b82e2ce4f4fec8f6b67c6bb46f6b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673318539856},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\"\nimport script from \"./OD.vue?vue&type=script&lang=js&\"\nexport * from \"./OD.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0bb099b3\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0bb099b3')) {\n      api.createRecord('0bb099b3', component.options)\n    } else {\n      api.reload('0bb099b3', component.options)\n    }\n    module.hot.accept(\"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\", function () {\n      api.rerender('0bb099b3', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/OD.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673518264162},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\"\nimport script from \"./OD.vue?vue&type=script&lang=js&\"\nexport * from \"./OD.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0bb099b3\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0bb099b3')) {\n      api.createRecord('0bb099b3', component.options)\n    } else {\n      api.reload('0bb099b3', component.options)\n    }\n    module.hot.accept(\"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\", function () {\n      api.rerender('0bb099b3', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/OD.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/164b9b707640d7a011ffcd31c91ae2fc.json b/node_modules/.cache/vue-loader/164b9b707640d7a011ffcd31c91ae2fc.json
index 827e5dd5..6ea06375 100644
--- a/node_modules/.cache/vue-loader/164b9b707640d7a011ffcd31c91ae2fc.json
+++ b/node_modules/.cache/vue-loader/164b9b707640d7a011ffcd31c91ae2fc.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">全局设置</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form label-position=\"left\" label-width=\"180px\">\n      <el-form-item label=\"视频接入上限：\">\n        <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\n          :max=\"8\"></el-input-number>\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\n      </el-form-item>\n\n      <el-form-item label=\"跳帧设置：\">\n        <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\n      </el-form-item>\n\n      <el-form-item label=\"默认取值：\">\n      </el-form-item>\n      <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">全局设置</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form label-position=\"left\" label-width=\"120px\">\n      <el-form-item label=\"视频接入上限：\">\n        <el-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\"\n          :max=\"8\"></el-input-number>\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\n      </el-form-item>\n\n      <el-form-item label=\"跳帧设置：\">\n        <!-- <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number> -->\n        <el-select v-model=\"FPS\" size=\"mini\"  placeholder=\"请选择\">\n          <el-option\n            v-for=\"item in options\"\n            :key=\"item.value\"\n            :label=\"item.label\"\n            :value=\"item.value\">\n          </el-option>\n        </el-select>\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\n      </el-form-item>\n      <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/165c645fd18f89ab3260a988a628c484.json b/node_modules/.cache/vue-loader/165c645fd18f89ab3260a988a628c484.json
index 8be7b0d5..95eb13cd 100644
--- a/node_modules/.cache/vue-loader/165c645fd18f89ab3260a988a628c484.json
+++ b/node_modules/.cache/vue-loader/165c645fd18f89ab3260a988a628c484.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=style&index=0&id=84ec604e&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0IA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"globalSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"默认取值：\">\r\n        </el-form-item>\r\n        <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=style&index=0&id=84ec604e&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"globalSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"120px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <!-- <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number> -->\r\n          <el-select v-model=\"FPS\" size=\"mini\"  placeholder=\"请选择\">\r\n            <el-option\r\n              v-for=\"item in options\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\r\n        </el-form-item>\r\n        <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport  {setQuanjsz} from \"@/api/index\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: '0',\r\n      id:'',\r\n      options:[\r\n        {\r\n          value: '0',\r\n          label: '0'\r\n        }, \r\n        {\r\n          value: '1',\r\n          label: '1'\r\n        }, \r\n        {\r\n          value: '4',\r\n          label: '4'\r\n        }, \r\n      ],\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n        this.FPS=value\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",value);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        formData(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n        })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res11111\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.videoAccessLimit\r\n             this.FPS=res.data.data.skipFrame\r\n             this.id = res.data.data.globalSettingId\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",this.FPS);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        setQuanjsz(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n            });\r\n        })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-select {\r\n  width: 130px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/16899044252f063cb0574a43c7420b46.json b/node_modules/.cache/vue-loader/16899044252f063cb0574a43c7420b46.json
new file mode 100644
index 00000000..528ef40e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/16899044252f063cb0574a43c7420b46.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673598250692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'thermalChart', //热点图组件\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                textStyle: { color: '#666', fontSize: 13 },\r\n                // toolbox: {\r\n                //     show: true,\r\n                //     feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n                //     iconStyle: { borderColor: '#666' }\r\n                // },\r\n                tooltip: {},\r\n                xAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n                    splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n                },\r\n                yAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n                },\r\n                visualMap: [\r\n                    {\r\n                        min: 100,\r\n                        max: 400,\r\n                        calculable: false,\r\n                        orient: 'horizontal',\r\n                        left: 'center',\r\n                        top: 20,\r\n                        color: ['#C7021D', '#79E73C'],\r\n                        text: ['高', '低'],\r\n                        textStyle: { color: '#666', fontSize: 13 }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        type: 'heatmap',\r\n                        // pageSize: 20,\r\n                        pointSize: 10,\r\n                        blurSize: 10,\r\n                        data: [\r\n                            [0, 0, 100],\r\n                            [0, 1, 100],\r\n                            [0, 2, 100],\r\n                            [0, 3, 100],\r\n                            // [0, 4, 100],\r\n                            // [0, 5, 100],\r\n                            // [0, 6, 200],\r\n\r\n                            [1, 0, 120],\r\n                            [1, 1, 120],\r\n                            [1, 2, 125],\r\n                            [1, 3, 120],\r\n                            // [1, 4, 120],\r\n                            // [1, 5, 120],\r\n                            // [1, 6, 120],\r\n\r\n                            [2, 0, 120],\r\n                            [2, 1, 140],\r\n                            [2, 2, 140],\r\n                            [2, 3, 140],\r\n                            // [2, 4, 140],\r\n                            // [2, 5, 140],\r\n                            // [2, 6, 140],\r\n\r\n                            [3, 0, 200],\r\n                            [3, 1, 200],\r\n                            [3, 2, 200],\r\n                            [3, 3, 200]\r\n                            // [3, 4, 200],\r\n                            // [3, 5, 200],\r\n                            // [3, 6, 200],\r\n\r\n                            // [4, 4, 300],\r\n                            // [4, 5, 300],\r\n                            // [4, 6, 300]\r\n                        ],\r\n                        label: { show: true, color: '#fff' },\r\n                        itemStyle: {\r\n                            borderColor: 'rgba(255, 255, 255, 0.5)',\r\n                            emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n                        }\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            window.onresize = () => {\r\n                // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart();\r\n    }\r\n};\r\n",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"thermalChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'thermalChart', //热点图组件\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                textStyle: { color: '#666', fontSize: 13 },\r\n                // toolbox: {\r\n                //     show: true,\r\n                //     feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n                //     iconStyle: { borderColor: '#666' }\r\n                // },\r\n                tooltip: {},\r\n                xAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n                    splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n                },\r\n                yAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n                },\r\n                visualMap: [\r\n                    {\r\n                        min: 100,\r\n                        max: 400,\r\n                        calculable: false,\r\n                        orient: 'horizontal',\r\n                        left: 'center',\r\n                        top: 20,\r\n                        color: ['#C7021D', '#79E73C'],\r\n                        text: ['高', '低'],\r\n                        textStyle: { color: '#666', fontSize: 13 }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        type: 'heatmap',\r\n                        // pageSize: 20,\r\n                        pointSize: 10,\r\n                        blurSize: 10,\r\n                        data: [\r\n                            [0, 0, 100],\r\n                            [0, 1, 100],\r\n                            [0, 2, 100],\r\n                            [0, 3, 100],\r\n                            // [0, 4, 100],\r\n                            // [0, 5, 100],\r\n                            // [0, 6, 200],\r\n\r\n                            [1, 0, 120],\r\n                            [1, 1, 120],\r\n                            [1, 2, 125],\r\n                            [1, 3, 120],\r\n                            // [1, 4, 120],\r\n                            // [1, 5, 120],\r\n                            // [1, 6, 120],\r\n\r\n                            [2, 0, 120],\r\n                            [2, 1, 140],\r\n                            [2, 2, 140],\r\n                            [2, 3, 140],\r\n                            // [2, 4, 140],\r\n                            // [2, 5, 140],\r\n                            // [2, 6, 140],\r\n\r\n                            [3, 0, 200],\r\n                            [3, 1, 200],\r\n                            [3, 2, 200],\r\n                            [3, 3, 200]\r\n                            // [3, 4, 200],\r\n                            // [3, 5, 200],\r\n                            // [3, 6, 200],\r\n\r\n                            // [4, 4, 300],\r\n                            // [4, 5, 300],\r\n                            // [4, 6, 300]\r\n                        ],\r\n                        label: { show: true, color: '#fff' },\r\n                        itemStyle: {\r\n                            borderColor: 'rgba(255, 255, 255, 0.5)',\r\n                            emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n                        }\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            window.onresize = () => {\r\n                // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart();\r\n    }\r\n};\r\n</script>\r\n<style scoped></style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/169ba0036c75960e3e63654e5ca3ac1d.json b/node_modules/.cache/vue-loader/169ba0036c75960e3e63654e5ca3ac1d.json
new file mode 100644
index 00000000..df4a4756
--- /dev/null
+++ b/node_modules/.cache/vue-loader/169ba0036c75960e3e63654e5ca3ac1d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"账号管理\")]),\n        _c(\n          \"el-button\",\n          {\n            staticStyle: { \"margin-bottom\": \"10px\" },\n            attrs: { type: \"primary\" },\n            on: {\n              click: function($event) {\n                _vm.addAccountDialog = true\n              }\n            }\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"el-icon-circle-plus-outline\",\n              staticStyle: { \"margin-right\": \"3px\" }\n            }),\n            _vm._v(\"新增\")\n          ]\n        ),\n        _c(\n          \"el-table\",\n          {\n            staticStyle: { width: \"100%\" },\n            attrs: { data: _vm.tableData, height: _vm.tableHeight, border: \"\" }\n          },\n          [\n            _c(\"el-table-column\", {\n              attrs: {\n                align: \"center\",\n                prop: \"name\",\n                label: \"用户名称\",\n                width: \"180\"\n              }\n            }),\n            _c(\"el-table-column\", {\n              attrs: {\n                align: \"center\",\n                prop: \"account\",\n                label: \"用户账号\",\n                width: \"180\"\n              }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", prop: \"role\", label: \"角色\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", prop: \"jurisdiction\", label: \"权限\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", label: \"操作\", width: \"160\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"text\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.edit(scope.row)\n                            }\n                          }\n                        },\n                        [_vm._v(\"编辑\")]\n                      ),\n                      _c(\"el-button\", {\n                        staticClass: \"el-icon-view\",\n                        attrs: { type: \"text\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.showView(scope.row)\n                          }\n                        }\n                      }),\n                      _c(\"el-button\", {\n                        staticClass: \"el-icon-delete\",\n                        attrs: { type: \"text\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.clickDelete(scope.row)\n                          }\n                        }\n                      })\n                    ]\n                  }\n                }\n              ])\n            })\n          ],\n          1\n        ),\n        _c(\"el-pagination\", {\n          staticStyle: { \"padding-top\": \"10px\" },\n          attrs: {\n            \"current-page\": _vm.currentPage,\n            \"page-sizes\": [100, 200, 300, 400],\n            \"page-size\": _vm.pageSize,\n            layout: \"sizes, prev, pager, next\",\n            total: _vm.totalNumber\n          },\n          on: {\n            \"size-change\": _vm.handleSizeChange,\n            \"current-change\": _vm.handleCurrentChange,\n            \"update:currentPage\": function($event) {\n              _vm.currentPage = $event\n            },\n            \"update:current-page\": function($event) {\n              _vm.currentPage = $event\n            }\n          }\n        }),\n        _c(\n          \"div\",\n          { staticClass: \"dialog\" },\n          [\n            _c(\n              \"el-dialog\",\n              {\n                attrs: {\n                  title: _vm.dialogTitle,\n                  visible: _vm.addAccountDialog,\n                  width: \"30%\"\n                },\n                on: {\n                  \"update:visible\": function($event) {\n                    _vm.addAccountDialog = $event\n                  }\n                }\n              },\n              [\n                _c(\n                  \"el-form\",\n                  {\n                    attrs: {\n                      \"label-position\": \"left\",\n                      \"label-width\": \"80px\",\n                      model: _vm.formLabelAlign\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"名称：\" } },\n                      [\n                        _c(\"el-input\", {\n                          model: {\n                            value: _vm.formLabelAlign.name,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formLabelAlign, \"name\", $$v)\n                            },\n                            expression: \"formLabelAlign.name\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"账号：\" } },\n                      [\n                        _c(\"el-input\", {\n                          model: {\n                            value: _vm.formLabelAlign.account,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formLabelAlign, \"account\", $$v)\n                            },\n                            expression: \"formLabelAlign.account\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"角色：\" } },\n                      [\n                        _c(\"el-input\", {\n                          model: {\n                            value: _vm.formLabelAlign.role,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formLabelAlign, \"role\", $$v)\n                            },\n                            expression: \"formLabelAlign.role\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"权限：\" } },\n                      [\n                        _c(\"el-input\", {\n                          model: {\n                            value: _vm.formLabelAlign.jurisdiction,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formLabelAlign, \"jurisdiction\", $$v)\n                            },\n                            expression: \"formLabelAlign.jurisdiction\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"dialog-footer\",\n                    attrs: { slot: \"footer\" },\n                    slot: \"footer\"\n                  },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: {\n                          click: function($event) {\n                            _vm.addAccountDialog = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"确 定\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/16fb5beeaaf8232365d041ecc3a9a87a.json b/node_modules/.cache/vue-loader/16fb5beeaaf8232365d041ecc3a9a87a.json
new file mode 100644
index 00000000..4695a627
--- /dev/null
+++ b/node_modules/.cache/vue-loader/16fb5beeaaf8232365d041ecc3a9a87a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test3-2.vue?vue&type=template&id=51bec931&\"\nimport script from \"./test3-2.vue?vue&type=script&lang=js&\"\nexport * from \"./test3-2.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('51bec931')) {\n      api.createRecord('51bec931', component.options)\n    } else {\n      api.reload('51bec931', component.options)\n    }\n    module.hot.accept(\"./test3-2.vue?vue&type=template&id=51bec931&\", function () {\n      api.rerender('51bec931', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test3/test3-2.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/193bec021c7e9ef440221932c82ffdd1.json b/node_modules/.cache/vue-loader/193bec021c7e9ef440221932c82ffdd1.json
new file mode 100644
index 00000000..1f9b8f6f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/193bec021c7e9ef440221932c82ffdd1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport Pagination from '@/components/common/Pagination';\r\nimport { testApi } from '@/api/test';\r\n\r\nconst defaultListQuery = {\r\n  pageNum: 1,\r\n  pageSize: 10,\r\n  keyword: \"\"\r\n};\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      listQuery: Object.assign({}, defaultListQuery),\r\n      list: [],\r\n      total: 0,\r\n      listLoading: true,\r\n      selectedList: [],\r\n    }\r\n  },\r\n  components: {\r\n    Pagination\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods:{\r\n    getList() {    // 获取数据列表\r\n      this.listLoading = true;\r\n      testApi(this.listQuery).then(res => {\r\n        this.listLoading = false;\r\n        this.list = res.data.list;\r\n        this.total = res.data.total;\r\n      });\r\n    },\r\n    handleSelectionChange(val){    // 批量选择行数\r\n      this.selectedList = val;\r\n    },\r\n  }\r\n}\r\n",{"version":3,"sources":["test2-2.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"test2-2.vue","sourceRoot":"src/page/test2","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 2 </p>\r\n\r\n    <div class=\"table-container\">\r\n      <el-table ref=\"Table2\"\r\n                :data=\"list\"\r\n                style=\"width: 100%;\"\r\n                show-overflow-tooltip=\"true\"\r\n                @selection-change=\"handleSelectionChange\"\r\n                border>\r\n        <el-table-column type=\"selection\" align=\"center\"></el-table-column>\r\n        <el-table-column type=\"index\" label=\"序号\" align=\"center\" width=\"50\"></el-table-column>\r\n        <el-table-column label=\"人员ID\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.PersonID}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"人员姓名\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.FullName}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"学历\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.Degree}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"毕业院校\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.University}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"专业\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.Major}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"入校时间\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.AdmissionTime}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"毕业时间\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.GraduationTime}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"截止日期\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.EndDate}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" width=\"120\" align=\"center\" fixed=\"right\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button type=\"text\" \r\n                       @click=\"handleUpdate(scope.$index, scope.row)\">编辑</el-button>\r\n            <el-button type=\"text\"\r\n                       @click=\"handleDelete(scope.$index, scope.row)\">删除</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n\r\n    <!-- 分页组件 -->\r\n    <Pagination\r\n      :total=\"total\"\r\n      :page.sync=\"listQuery.pageNum\"\r\n      :limit.sync=\"listQuery.pageSize\"\r\n      @pagination=\"getList\"\r\n    ></Pagination>\r\n\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport Pagination from '@/components/common/Pagination';\r\nimport { testApi } from '@/api/test';\r\n\r\nconst defaultListQuery = {\r\n  pageNum: 1,\r\n  pageSize: 10,\r\n  keyword: \"\"\r\n};\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      listQuery: Object.assign({}, defaultListQuery),\r\n      list: [],\r\n      total: 0,\r\n      listLoading: true,\r\n      selectedList: [],\r\n    }\r\n  },\r\n  components: {\r\n    Pagination\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods:{\r\n    getList() {    // 获取数据列表\r\n      this.listLoading = true;\r\n      testApi(this.listQuery).then(res => {\r\n        this.listLoading = false;\r\n        this.list = res.data.list;\r\n        this.total = res.data.total;\r\n      });\r\n    },\r\n    handleSelectionChange(val){    // 批量选择行数\r\n      this.selectedList = val;\r\n    },\r\n  }\r\n}\r\n</script>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1960b414db182c380b925dbcc79e1abc.json b/node_modules/.cache/vue-loader/1960b414db182c380b925dbcc79e1abc.json
new file mode 100644
index 00000000..2f6acfe3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1960b414db182c380b925dbcc79e1abc.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue","mtime":1673415153060},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\"\nimport script from \"./speedChart.vue?vue&type=script&lang=js&\"\nexport * from \"./speedChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"dd5ad696\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('dd5ad696')) {\n      api.createRecord('dd5ad696', component.options)\n    } else {\n      api.reload('dd5ad696', component.options)\n    }\n    module.hot.accept(\"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\", function () {\n      api.rerender('dd5ad696', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/speedChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1983e4754653d6ba0099abb6318f335f.json b/node_modules/.cache/vue-loader/1983e4754653d6ba0099abb6318f335f.json
index a2aaf5c6..2ddfe713 100644
--- a/node_modules/.cache/vue-loader/1983e4754653d6ba0099abb6318f335f.json
+++ b/node_modules/.cache/vue-loader/1983e4754653d6ba0099abb6318f335f.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673257798167},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [\n                    _vm._v(\"17:49\" + _vm._s(_vm.currentDate))\n                  ]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #E4E7ED\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\"div\")\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  拥堵组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673517849402},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\"div\")\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/19cda60c12baa4e1845ab1dda476bd37.json b/node_modules/.cache/vue-loader/19cda60c12baa4e1845ab1dda476bd37.json
new file mode 100644
index 00000000..c7c72fca
--- /dev/null
+++ b/node_modules/.cache/vue-loader/19cda60c12baa4e1845ab1dda476bd37.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=template&id=57b7d65b&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673232721964},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div >\n  <div >\n    <!-- <p>节点源</p> -->\n     <h3>节点源</h3>\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"来源：\">\n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"源极状态：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"稳定状态：\">\n        {{ form.state }}\n      </el-form-item>\n      <el-form-item label=\"视频数据连接：\">\n        {{ form.endTime }}\n      </el-form-item>\n      <el-form-item label=\"源分辨率：\">\n        {{ form.blacklist }}\n      </el-form-item>\n      <el-form-item label=\"神经网络分辨率：\">\n        {{ form.autograph }}\n      </el-form-item>\n      <el-form-item label=\"输入帧速率：\">\n        {{ form.version }}\n      </el-form-item>\n      <el-form-item label=\"解码器帧速率：\">\n        {{ form.version1 }}\n      </el-form-item>\n      <el-form-item label=\"检测器帧速率：\">\n        {{ form.version2 }}\n      </el-form-item>\n       <el-form-item label=\"最后一帧分析时间：\">\n        {{ form.version4 }}\n      </el-form-item>\n       <el-form-item label=\"运动状态：\">\n        {{ form.version5 }}\n      </el-form-item>\n       <el-form-item label=\"摄像机盘：\">\n        {{ form.version6 }}\n      </el-form-item>\n       <el-form-item label=\"摄像机倾斜：\">\n        {{ form.version7 }}\n      </el-form-item>\n      <el-form-item label=\"照相机变焦：\">\n        {{ form.version8 }}\n      </el-form-item>\n    </el-form>\n  <h3>立方体分析</h3>\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"多维数据集ID：\">\n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"分析ID：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"分析序列ID：\">\n        {{ form.startTime }}\n      </el-form-item>\n      <el-form-item label=\"缓存中的轨迹：\">\n        {{ form.endTime }}\n      </el-form-item>\n      <el-form-item label=\"总缓存容量：\">\n        {{ form.blacklist }}\n      </el-form-item>\n      <el-form-item label=\"高速缓存启动：\">\n        {{ form.autograph }}\n      </el-form-item>\n      <el-form-item label=\"高速缓存结束：\">\n        {{ form.version }}\n      </el-form-item>\n      <el-form-item label=\"缓存中的第一条线索：\">\n        {{ form.version }}\n      </el-form-item>\n      <el-form-item label=\"缓存中的第最后一条线索：\">\n        {{ form.version }}\n      </el-form-item>\n       <el-form-item label=\"上次自动保存时间戳：\">\n        {{ form.version }}\n      </el-form-item>\n    </el-form>\n   <h3>洞察同步</h3>\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"上次同步时间戳：\">\n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"同步上次评估数据的差异：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"同步上次图像数据的差异：\">\n        {{ form.startTime }}\n      </el-form-item>\n    </el-form>\n    <!-- <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button> -->\n\n    <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\n      <el-row>\n        <el-col :span=\"6\">\n          文件选择：\n        </el-col>\n        <el-col :span=\"18\">\n          <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\n          </el-upload>\n        </el-col>\n      </el-row>\n\n      <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\n      </span>\n    </el-dialog>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/19d6a50d291e71c0a5d81e7f55e58f85.json b/node_modules/.cache/vue-loader/19d6a50d291e71c0a5d81e7f55e58f85.json
new file mode 100644
index 00000000..d5ab899f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/19d6a50d291e71c0a5d81e7f55e58f85.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Login.vue?vue&type=template&id=6896dfe2&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"login-wrap\">\n    <div class=\"ms-login\">\n        <div class=\"ms-title\"></div>\n        <div class=\"content\">\n            <div class=\"welcome\">欢迎登录</div>\n            <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\n                <el-form-item prop=\"username\" label=\"用户名\">\n                    <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\n                        <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\n                    </el-input>\n                </el-form-item>\n                <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\n                    <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\n                        <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\n                    </el-input>\n                </el-form-item>\n                <div class=\"unforget\" style=\"margin-left:15px\">\n                  <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\n                </div>\n            </el-form>\n            <div class=\"login-btn\">\n                    <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\n            </div>\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/19e2d99da9c012bce77559e68777d57c.json b/node_modules/.cache/vue-loader/19e2d99da9c012bce77559e68777d57c.json
new file mode 100644
index 00000000..1f1681dc
--- /dev/null
+++ b/node_modules/.cache/vue-loader/19e2d99da9c012bce77559e68777d57c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673593138887},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _c(\"tableShow\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _c(\"regionTable\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"lineChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            })\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"avgChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1a7138d69e900d51f2926da08245ed96.json b/node_modules/.cache/vue-loader/1a7138d69e900d51f2926da08245ed96.json
new file mode 100644
index 00000000..07d430d5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1a7138d69e900d51f2926da08245ed96.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue?vue&type=template&id=e5ed2546&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n    <div class=\"container\">\n        <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\n            <p class=\"title\">界面</p>\n            <el-form-item label=\"界面：\">\n                <el-col :span=\"6\">\n                    <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                    </el-select>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"MAC地址：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.region\"></el-input>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"MTU：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.region\"></el-input>\n                </el-col>\n            </el-form-item>\n            <p class=\"title\">运行状态</p>\n            <el-form-item label=\"启用：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">YES</span>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"连接：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">接通</span>\n                </el-col>\n            </el-form-item>\n            <p class=\"title\">IPV4</p>\n            <el-table :data=\"tableData\" border style=\"width: 95%\">\n                <el-table-column prop=\"address\" label=\"地址\">\n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"agreement\" label=\"协议\"> \n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"Range\" label=\"范围\">\n                  <template slot-scope=\"scope\">\n                  <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\n                        <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                    </el-select>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"term\" label=\"期限\"> \n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column\n                  fixed=\"right\"\n                  label=\"操作\"\n                  width=\"350\"\n                  >\n              <template slot-scope=\"scope\" >\n                  <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\n              </template>\n              </el-table-column>\n            </el-table>\n            <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\n            <el-form-item label=\"启用：\">\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"网关：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.gateway\"></el-input>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"分配IP：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.ip\"></el-input>\n                </el-col>\n            </el-form-item>\n            <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\n                <p class=\"title\">静态地址</p>\n                <el-form-item label=\"IP1：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip1\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP2：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip2\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP3：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip3\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP4：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip4\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <p class=\"title\">静态路由</p>\n                <el-table :data=\"tableRouter\" border style=\"width: 95%\">\n                    <el-table-column prop=\"name\" label=\"名称\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"target\" label=\"目标\"> \n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"Range\" label=\"范围\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"metric\" label=\"metric\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column\n                        fixed=\"right\"\n                        label=\"操作\"\n                        width=\"350\"\n                        >\n                    <template slot-scope=\"scope\" >\n                        <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\n                    </template>\n                    </el-table-column>\n                </el-table>\n                <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\n                <el-form-item label=\"DNS1：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns1\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"DNS2：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns2\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"DNS3：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns3\"></el-input>\n                    </el-col>\n                </el-form-item>\n            </div>\n        </el-form>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1aed9560ca10107967c59d7deae4a234.json b/node_modules/.cache/vue-loader/1aed9560ca10107967c59d7deae4a234.json
new file mode 100644
index 00000000..3cac5d9e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1aed9560ca10107967c59d7deae4a234.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue","mtime":1673232721952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test1-5.vue?vue&type=template&id=0b168c30&\"\nimport script from \"./test1-5.vue?vue&type=script&lang=js&\"\nexport * from \"./test1-5.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0b168c30')) {\n      api.createRecord('0b168c30', component.options)\n    } else {\n      api.reload('0b168c30', component.options)\n    }\n    module.hot.accept(\"./test1-5.vue?vue&type=template&id=0b168c30&\", function () {\n      api.rerender('0b168c30', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test1/test1-5.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1b76cd02690cde561830757844f64826.json b/node_modules/.cache/vue-loader/1b76cd02690cde561830757844f64826.json
new file mode 100644
index 00000000..5e66d4ee
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1b76cd02690cde561830757844f64826.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673345291555},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1c5afdab208ebc67444c28f38b2534dc.json b/node_modules/.cache/vue-loader/1c5afdab208ebc67444c28f38b2534dc.json
new file mode 100644
index 00000000..de9b6521
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1c5afdab208ebc67444c28f38b2534dc.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue","mtime":1673415153060},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 速度组件</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <avgChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1dabf6cb0df30b460ff0193271543407.json b/node_modules/.cache/vue-loader/1dabf6cb0df30b460ff0193271543407.json
index 61964d71..da7009f5 100644
--- a/node_modules/.cache/vue-loader/1dabf6cb0df30b460ff0193271543407.json
+++ b/node_modules/.cache/vue-loader/1dabf6cb0df30b460ff0193271543407.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673257798167},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\"\nimport script from \"./congestionChart.vue?vue&type=script&lang=js&\"\nexport * from \"./congestionChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4a9ff109\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4a9ff109')) {\n      api.createRecord('4a9ff109', component.options)\n    } else {\n      api.reload('4a9ff109', component.options)\n    }\n    module.hot.accept(\"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\", function () {\n      api.rerender('4a9ff109', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/congestionChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673517849402},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\"\nimport script from \"./congestionChart.vue?vue&type=script&lang=js&\"\nexport * from \"./congestionChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4a9ff109\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4a9ff109')) {\n      api.createRecord('4a9ff109', component.options)\n    } else {\n      api.reload('4a9ff109', component.options)\n    }\n    module.hot.accept(\"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\", function () {\n      api.rerender('4a9ff109', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/congestionChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1db891bcd75763e5d13bd70fa06c15b4.json b/node_modules/.cache/vue-loader/1db891bcd75763e5d13bd70fa06c15b4.json
new file mode 100644
index 00000000..1f0b634a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1db891bcd75763e5d13bd70fa06c15b4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673592982569},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\n        </div>\n    </div>\n    <div></div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1de61481d1d4be94aefe236ed47365d7.json b/node_modules/.cache/vue-loader/1de61481d1d4be94aefe236ed47365d7.json
new file mode 100644
index 00000000..ec9f2dea
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1de61481d1d4be94aefe236ed47365d7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue?vue&type=template&id=939d0aa4&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">导出设置</p>\n    <!-- <div class=\"test-div\">\n      <i class=\"el-icon-edit\"></i>\n      <i class=\"el-icon-share\"></i>\n      <i class=\"el-icon-delete\"></i>\n    </div> -->\n    <el-form label-position=\"left\" label-width=\"180px\">\n      <el-form-item label=\"文件格式：\">\n        <el-select v-model=\"value\" placeholder=\"请选择导出文件格式\">\n          <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n          </el-option>\n        </el-select>\n      </el-form-item>\n\n      <el-form-item label=\"文件保存位置：\">\n        <input type=\"file\" id=\"file\" hidden @change=\"fileChange\" webkitdirectory>\n        <el-input placeholder=\"请输入内容\" v-model=\"imgSavePath\" class=\"input-with-select\">\n          <el-button slot=\"append\" icon=\"el-icon-folder\" type=\"success\" @click=\"btnChange\"></el-button>\n        </el-input>\n      </el-form-item>\n    </el-form>\n\n    <el-button class=\"el-icon-download\" type=\"primary\">导出</el-button>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1e6340d792a23f3043363a119993b7ee.json b/node_modules/.cache/vue-loader/1e6340d792a23f3043363a119993b7ee.json
new file mode 100644
index 00000000..152564ff
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1e6340d792a23f3043363a119993b7ee.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { ref: \"box\", staticClass: \"box\", staticStyle: { height: \"100vh\" } },\n    [\n      _vm.activeName == \"second\"\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\"div\", { staticClass: \"plate1\" }, [\n              _c(\"div\", { ref: \"section\", staticClass: \"section\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"sectionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title1))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count2 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.sectionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"headWayChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"typeChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"周期统计\",\n                        data: _vm.sectionList\n                      }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ]),\n            _c(\"div\", { staticClass: \"plate2\" }, [\n              _c(\"div\", { ref: \"region\", staticClass: \"region\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"regionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title2))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count1 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.regionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"OD\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"lineUpChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"checkChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期时刻\",\n                        data: _vm.regionList1\n                      }\n                    }),\n                    _c(\"delayChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"congestionChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"headWayChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ])\n          ])\n        : _vm._e()\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1f3c9645fb9ac444efd780f281ddd92d.json b/node_modules/.cache/vue-loader/1f3c9645fb9ac444efd780f281ddd92d.json
new file mode 100644
index 00000000..faa2afd0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1f3c9645fb9ac444efd780f281ddd92d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ExportingSettings.vue?vue&type=style&index=0&id=939d0aa4&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["ExportingSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA;AACA;AACA;AACA;AACA;AACA","file":"ExportingSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">导出设置</p>\r\n      <!-- <div class=\"test-div\">\r\n        <i class=\"el-icon-edit\"></i>\r\n        <i class=\"el-icon-share\"></i>\r\n        <i class=\"el-icon-delete\"></i>\r\n      </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"文件格式：\">\r\n          <el-select v-model=\"value\" placeholder=\"请选择导出文件格式\">\r\n            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"文件保存位置：\">\r\n          <input type=\"file\" id=\"file\" hidden @change=\"fileChange\" webkitdirectory>\r\n          <el-input placeholder=\"请输入内容\" v-model=\"imgSavePath\" class=\"input-with-select\">\r\n            <el-button slot=\"append\" icon=\"el-icon-folder\" type=\"success\" @click=\"btnChange\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button class=\"el-icon-download\" type=\"primary\">导出</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      options: [\r\n        {\r\n          value: 'zip',\r\n          label: 'zip'\r\n        }, {\r\n          value: '7z',\r\n          label: '7z'\r\n        }\r\n      ],\r\n      value: 'zip',\r\n      imgSavePath: '',\r\n    }\r\n  },\r\n  methods: {\r\n    fileChange(e) {\r\n      try {\r\n        const fu = document.getElementById('file')\r\n        if (fu == null) return\r\n        this.imgSavePath = fu.files[0].path\r\n        console.log(fu.files)\r\n      } catch (error) {\r\n        console.debug('choice file err:', error)\r\n      }\r\n    },\r\n    btnChange() {\r\n      var file = document.getElementById('file')\r\n      file.click()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1f55e53aa91ab96c4bd1a78fa8455fd7.json b/node_modules/.cache/vue-loader/1f55e53aa91ab96c4bd1a78fa8455fd7.json
new file mode 100644
index 00000000..240d1142
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1f55e53aa91ab96c4bd1a78fa8455fd7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue?vue&type=template&id=14bfa549&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">通知/日志</p>\n  <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\n      <el-table-column align=\"center\" prop=\"date\" label=\"通知类型\" width=\"180\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"name\" label=\"产生时机\" width=\"180\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"address\" label=\"内容\"></el-table-column>\n      <el-table-column align=\"center\" label=\"操作\" width=\"160\">\n        <template slot-scope=\"scope\">\n          <el-button @click=\"download(scope.row)\" type=\"text\" size=\"small\" class=\"\">下载</el-button>\n          <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\n          <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n\n    <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\n      :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\n      layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\n    </el-pagination>\n\n\n    <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\">\n      <span>这是一段信息</span>\n      <!-- <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button @click=\"dialogVisible = false\">取 消</el-button>\n        <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\n      </span> -->\n    </el-dialog>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1fef4081197265ec382f69034708e808.json b/node_modules/.cache/vue-loader/1fef4081197265ec382f69034708e808.json
new file mode 100644
index 00000000..6b4eaf0f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/1fef4081197265ec382f69034708e808.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=template&id=3fb0550a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"UPD服务设置\")]),\n        _c(\n          \"el-form\",\n          {\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"180px\"\n            }\n          },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"upd服务器端口：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { \"controls-position\": \"right\", min: 1 },\n                  model: {\n                    value: _vm.form.name,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"name\", $$v)\n                    },\n                    expression: \"form.name\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用有效载荷：\" } },\n              [\n                _c(\"el-switch\", {\n                  model: {\n                    value: _vm.form.delivery,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"delivery\", $$v)\n                    },\n                    expression: \"form.delivery\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"最大数据包大小：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { \"controls-position\": \"right\", min: 1 },\n                  model: {\n                    value: _vm.form.bytes,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"bytes\", $$v)\n                    },\n                    expression: \"form.bytes\"\n                  }\n                }),\n                _vm._v(\"\\n        bytes\\n      \")\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2031a41730ad7cbdd0df5ab9d5acb341.json b/node_modules/.cache/vue-loader/2031a41730ad7cbdd0df5ab9d5acb341.json
index 33bca7a8..4e9fc188 100644
--- a/node_modules/.cache/vue-loader/2031a41730ad7cbdd0df5ab9d5acb341.json
+++ b/node_modules/.cache/vue-loader/2031a41730ad7cbdd0df5ab9d5acb341.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue'\r\nimport OD from '../../components/target/OD.vue'\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2==true?'upActive':'active'\"  @click=\"sectionHandle()\" ></span>\r\n                        </div>\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\"/>\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1==true?'upActive':'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\"/>\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        \r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue'\r\nimport OD from '../../components/target/OD.vue'\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n    \r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active{\r\n  transition:  all .5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673579698759},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queque: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                        <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                        <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList1\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queque: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2264a6478ea2ce8432fd2f55dc905e72.json b/node_modules/.cache/vue-loader/2264a6478ea2ce8432fd2f55dc905e72.json
new file mode 100644
index 00000000..0610a399
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2264a6478ea2ce8432fd2f55dc905e72.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue?vue&type=template&id=03db3326&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n\n  <div class=\"crumbs\">\n    <el-breadcrumb separator=\"/\">\n      <el-breadcrumb-item><i class=\"el-icon-warning\"></i> 权限测试</el-breadcrumb-item>\n    </el-breadcrumb>\n  </div>\n  <div class=\"container\">\n    <h1>管理员权限页面</h1>\n    <p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p>\n    <p>想尝试一下，请<router-link to=\"/Login\" class=\"logout\">退出登录</router-link>，随便输入个账号名，再进来试试看。</p>\n  </div>\n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/22e224f80a27faee5267e9c71e156a0c.json b/node_modules/.cache/vue-loader/22e224f80a27faee5267e9c71e156a0c.json
new file mode 100644
index 00000000..a510159a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/22e224f80a27faee5267e9c71e156a0c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\HealthCheck.vue?vue&type=template&id=bddbd6ca&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"健康检测 \")]),\n        _c(\"h3\", [_vm._v(\"网络状态\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"50%\" },\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"200px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"检查网络服务的状态：\" } }, [\n              _c(\"div\", { staticClass: \"state\" }, [\n                _c(\"div\", {\n                  staticClass: \"Badge\",\n                  staticStyle: { \"background-color\": \"pink\" }\n                }),\n                _c(\"span\", [_vm._v(\"忙碌\")])\n              ])\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2342e7d0c4e0d22baf5171dc7244ab95.json b/node_modules/.cache/vue-loader/2342e7d0c4e0d22baf5171dc7244ab95.json
new file mode 100644
index 00000000..c2a8d82b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2342e7d0c4e0d22baf5171dc7244ab95.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\App.vue?vue&type=template&id=7ba5bd90&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\App.vue","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"app\" :class=\"style ? 'theme1' : ''\">\n  <router-view></router-view>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/234e086d09a8cc4a97fea7a051785615.json b/node_modules/.cache/vue-loader/234e086d09a8cc4a97fea7a051785615.json
new file mode 100644
index 00000000..525338cf
--- /dev/null
+++ b/node_modules/.cache/vue-loader/234e086d09a8cc4a97fea7a051785615.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue?vue&type=template&id=558a7c3e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n    <template v-for=\"navMenu in this.menuNavList\">\n            <el-menu-item v-if=\"!navMenu.children\" :index=\"navMenu.path\" :route=\"navMenu.path\">\n                <i :class=\"navMenu.icon\"></i>\n                <span slot=\"title\">{{ navMenu.title }}</span>\n            </el-menu-item>\n            <el-submenu v-if=\"navMenu.children\" :key=\"navMenu.path\" :index=\"navMenu.path\">\n                <template slot=\"title\">\n                    <i :class=\"navMenu.icon\"></i>\n                    <span> {{ navMenu.title }}</span>\n                </template>\n                <menu-tree :menuNavList=\"navMenu.children\"></menu-tree>\n                <!-- <nav-menu :navMenus=\"navMenu.children\"></nav-menu> -->\n            </el-submenu>\n    </template>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/23afe18120ddeac9b17afb14d4030dac.json b/node_modules/.cache/vue-loader/23afe18120ddeac9b17afb14d4030dac.json
new file mode 100644
index 00000000..ef1f697a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/23afe18120ddeac9b17afb14d4030dac.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\n                        <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                        <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\n                        <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\n                    <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('coordinate')\">\n                    <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\n                    <!-- <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item> -->\n                    <el-form-item label=\"UTM区：\"  class=\"otherThings\">\n                            <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"60\"></el-input-number>\n                            <div class=\"warning\" style=\"margin:0px\">\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                                >地理参照允许测量物理速度和静态图像源的距离。\n                            </div>\n                    </el-form-item>\n                    <el-form-item label=\"半球：\" >\n                      <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\n                          <el-option\n                            v-for=\"(item) in options\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                          </el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" >\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"WGS-84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" >\n                        <iframe\n                            id=\"mapModuleTop\"\n                            @load=\"load\"\n                            src=\"./VideoWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                        <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n      ref=\"iframe\"></iframe> -->\n                    </div>\n                    <div class=\"warning\">\n                        <el-button\n                            size=\"mini\"\n                            type=\"primary\"\n                            style=\"color: #fffff\"\n                            @click=\"dialogVisible = true\"\n                            >新增点\n                        </el-button>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >请至少配置4个点，不满足4个点会没有数据。\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" >\n                        <template slot=\"empty\">\n                          <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\n                        </template>\n                        <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >编辑\n                                </el-button>\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDeleteDian(scope.row)\"\n                                    >删除\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            :disabled=\"coordinateTableData.length<4\"\n                            @click=\"handlePos()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('plate')\">\n                  <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\n                    </el-form-item>\n                    <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\" v-if=\"false\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('parking')\">\n                  <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\" v-if=\"false\"> \n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\n                    <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n                            <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n                            <el-radio label=\"自定义\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n        <el-dialog\n          title=\"新增点\"\n          :visible.sync=\"dialogVisible\"\n          width=\"30%\"\n          :before-close=\"handleClose\">\n          <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\n              <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"纬度：\" prop=\"latitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\n                </el-col>\n              </el-form-item>\n          </el-form>\n          <span slot=\"footer\" class=\"dialog-footer\">\n            <el-button @click=\"dialogVisible = false\">取 消</el-button>\n            <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\n          </span>\n        </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/241cbc12b8840c31eea16c7dc5c6f766.json b/node_modules/.cache/vue-loader/241cbc12b8840c31eea16c7dc5c6f766.json
new file mode 100644
index 00000000..bc898977
--- /dev/null
+++ b/node_modules/.cache/vue-loader/241cbc12b8840c31eea16c7dc5c6f766.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+8BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n  window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/246bb7f82cd5a50cd6622898978d7a9b.json b/node_modules/.cache/vue-loader/246bb7f82cd5a50cd6622898978d7a9b.json
new file mode 100644
index 00000000..4603a933
--- /dev/null
+++ b/node_modules/.cache/vue-loader/246bb7f82cd5a50cd6622898978d7a9b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  },\r\n}\r\n",{"version":3,"sources":["test2-3.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA;AACA;AACA;;AAEA;AACA;AACA","file":"test2-3.vue","sourceRoot":"src/page/test2","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 3 </p>\r\n    <div class=\"test-div\" style=\"width:400px;\">\r\n      <el-carousel height=\"150px\" class=\"customize-carousel\">\r\n        <el-carousel-item v-for=\"item in 4\" :key=\"item\">\r\n          <h3>{{ item }}</h3>\r\n        </el-carousel-item>\r\n      </el-carousel>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.customize-carousel .el-carousel__item h3 {\r\n  color: #475669;\r\n  font-size: 16px;\r\n  line-height: 150px;\r\n  margin: 0 50%;\r\n}\r\n.customize-carousel .el-carousel__item:nth-child(2n) {\r\n  background-color: #99a9bf;\r\n}\r\n.customize-carousel .el-carousel__item:nth-child(2n+1) {\r\n  background-color: #d3dce6;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/24de90158b615f61fe968ad40e1e652a.json b/node_modules/.cache/vue-loader/24de90158b615f61fe968ad40e1e652a.json
new file mode 100644
index 00000000..e936a7db
--- /dev/null
+++ b/node_modules/.cache/vue-loader/24de90158b615f61fe968ad40e1e652a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\n            <div class=\"mapModuleApp\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div> -->\n     \n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\" name=\"second\">\n          <dataBoard :activeName=\"activeName\"></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\" name=\"third\">\n          <analysisConfiguration></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\n          <editModal></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        \n      </el-dialog> -->\n      <el-drawer\n      class=\"new-dialog\"\n  :visible.sync=\"dialogFormVisible\"\n  direction=\"btt\"\n  custom-class=\"demo-drawer\"\n  ref=\"drawer\"\n  :modal=\"false\" \n :close-on-click-modal=\"false\"\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \n  :wrapperClosable=\"false\" \n  :with-header=\"false\"\n  >\n      <div class=\"formBox\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item> -->\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        </div> \n     \n       \n</el-drawer>\n      <!-- 组件弹框 -->\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\n          <el-form-item label=\"名称：\">\n            <el-input v-model=\"componentForm.componentName\"></el-input>\n          </el-form-item>\n          \n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\n            </el-select>\n          </el-form-item>\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"componentForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item> -->\n        <el-form-item label=\"周期间隔：\">\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\n            </el-slider> -->\n            <el-slider v-model=\"componentForm.cycleInterval\">\n            </el-slider>\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\n              <el-option label=\"小时\" value=\"hh\"></el-option>\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\n              <el-option\n\t\t\t   v-for=\"item in timeSelect\"\n\t\t\t   :key=\"item.value\"\n\t\t\t   :label=\"item.label\"\n\t\t\t   :value=\"item.value\"\n\t\t\t ></el-option>\n            </el-select>\n        </el-form-item>\n        <!-- <el-form-item label=\"单位：\" >\n         \n        </el-form-item> -->\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n             \n            </el-checkbox-group>\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group> -->\n          </el-form-item>\n          \n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n    \n      \n    <!-- </div> -->\n  </div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/25199297d2a74a2fc94c0baea1621a82.json b/node_modules/.cache/vue-loader/25199297d2a74a2fc94c0baea1621a82.json
index 516f2971..e5f43afd 100644
--- a/node_modules/.cache/vue-loader/25199297d2a74a2fc94c0baea1621a82.json
+++ b/node_modules/.cache/vue-loader/25199297d2a74a2fc94c0baea1621a82.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673315251737},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [\n                    _vm._v(\"17:49\" + _vm._s(_vm.currentDate))\n                  ]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #E4E7ED\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"barChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"barChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"barChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  检测数组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(_vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/260e7ad3c717d41e33b3240dd56f59d9.json b/node_modules/.cache/vue-loader/260e7ad3c717d41e33b3240dd56f59d9.json
new file mode 100644
index 00000000..15b61f7e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/260e7ad3c717d41e33b3240dd56f59d9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n        formLabelWidth: '120px',\r\n      sizeForm: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        fileList:[]\r\n    }\r\n  },\r\n  methods:{\r\n    handleagain(){\r\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消'\r\n          });          \r\n        });\r\n    },\r\n    handleReset(){\r\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消重置'\r\n          });          \r\n        });\r\n    },\r\n    handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      }\r\n  }\r\n}\r\n",{"version":3,"sources":["AboutMachine.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AboutMachine.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\" >\r\n      <p>主机</p>\r\n      <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"sizeForm.date1\" style=\"width: 50%;\" autocomplete=\"off\" ></el-date-picker>\r\n        <!-- </el-col> -->\r\n        <!-- <el-col :span=\"2\"> -->\r\n          <el-button type=\"primary\" style=\"margin-left:10px\" size=\"small\">自动校验</el-button>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <p>备份&恢复</p>\r\n      <el-form-item label=\"备份服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" size=\"small\">备份</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"3\">\r\n          <el-button type=\"primary\" disabled size=\"small\">备份</el-button>\r\n        </el-col>\r\n        <el-col :span=\"4\">\r\n          <el-upload\r\n            class=\"upload-demo\"\r\n            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n            :on-preview=\"handlePreview\"\r\n            :on-remove=\"handleRemove\"\r\n            :before-remove=\"beforeRemove\"\r\n            multiple\r\n            :limit=\"3\"\r\n            :on-exceed=\"handleExceed\"\r\n            :file-list=\"fileList\">\r\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n          </el-upload>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>出厂默认值</p>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleReset()\" size=\"small\">重置默认值</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>重新启动</p>\r\n      <el-form-item label=\"重新启动系统：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">重新启动</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n        formLabelWidth: '120px',\r\n      sizeForm: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        fileList:[]\r\n    }\r\n  },\r\n  methods:{\r\n    handleagain(){\r\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消'\r\n          });          \r\n        });\r\n    },\r\n    handleReset(){\r\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消重置'\r\n          });          \r\n        });\r\n    },\r\n    handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n/deep/ .el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.container{\r\n  width: 100%;\r\n  height: 100%;\r\n  p{\r\n    width: 95%;\r\n    font-size: 25px;\r\n    text-align: left;\r\n    border-bottom: 1px solid black;\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/26ae3ae68908b13f9417c31ab6570fde.json b/node_modules/.cache/vue-loader/26ae3ae68908b13f9417c31ab6570fde.json
new file mode 100644
index 00000000..e4ce5504
--- /dev/null
+++ b/node_modules/.cache/vue-loader/26ae3ae68908b13f9417c31ab6570fde.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\CustomOperations.vue?vue&type=template&id=82754e84&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n    <div class=\"container\">\n        <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"220px\">\n            <p>自定义操作</p>\n            <el-form-item label=\"重新启动网络服务\">\n            </el-form-item>\n            <el-form-item label=\"重新启动systemd网络服务：\">\n                <el-col :span=\"1\">\n                    <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\" @click=\"handleagain\">启动</el-button>\n                </el-col>\n            </el-form-item>\n        </el-form>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/26ebdd13af4d844d3f2b9086f8545e3f.json b/node_modules/.cache/vue-loader/26ebdd13af4d844d3f2b9086f8545e3f.json
new file mode 100644
index 00000000..ed646bcd
--- /dev/null
+++ b/node_modules/.cache/vue-loader/26ebdd13af4d844d3f2b9086f8545e3f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test2-1.vue?vue&type=template&id=2e476fee&\"\nimport script from \"./test2-1.vue?vue&type=script&lang=js&\"\nexport * from \"./test2-1.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2e476fee')) {\n      api.createRecord('2e476fee', component.options)\n    } else {\n      api.reload('2e476fee', component.options)\n    }\n    module.hot.accept(\"./test2-1.vue?vue&type=template&id=2e476fee&\", function () {\n      api.rerender('2e476fee', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test2/test2-1.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/26edf1953b1d123164df48fcd0268704.json b/node_modules/.cache/vue-loader/26edf1953b1d123164df48fcd0268704.json
index 4507c1f0..a301ae16 100644
--- a/node_modules/.cache/vue-loader/26edf1953b1d123164df48fcd0268704.json
+++ b/node_modules/.cache/vue-loader/26edf1953b1d123164df48fcd0268704.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673315139852},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [\n                    _vm._v(\"17:49\" + _vm._s(_vm.currentDate))\n                  ]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #E4E7ED\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"barChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"barChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"barChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _c(\"pieChart\")\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  类型组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673518315417},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"barChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"barChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"barChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _c(\"pieChart\", { attrs: { pageType: _vm.pageType } })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/273685b93eeb7cb75324272d758bf90d.json b/node_modules/.cache/vue-loader/273685b93eeb7cb75324272d758bf90d.json
new file mode 100644
index 00000000..d851f135
--- /dev/null
+++ b/node_modules/.cache/vue-loader/273685b93eeb7cb75324272d758bf90d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ExportingSettings.vue?vue&type=template&id=939d0aa4&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"导出设置\")]),\n        _c(\n          \"el-form\",\n          { attrs: { \"label-position\": \"left\", \"label-width\": \"180px\" } },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"文件格式：\" } },\n              [\n                _c(\n                  \"el-select\",\n                  {\n                    attrs: { placeholder: \"请选择导出文件格式\" },\n                    model: {\n                      value: _vm.value,\n                      callback: function($$v) {\n                        _vm.value = $$v\n                      },\n                      expression: \"value\"\n                    }\n                  },\n                  _vm._l(_vm.options, function(item) {\n                    return _c(\"el-option\", {\n                      key: item.value,\n                      attrs: { label: item.label, value: item.value }\n                    })\n                  }),\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"文件保存位置：\" } },\n              [\n                _c(\"input\", {\n                  attrs: {\n                    type: \"file\",\n                    id: \"file\",\n                    hidden: \"\",\n                    webkitdirectory: \"\"\n                  },\n                  on: { change: _vm.fileChange }\n                }),\n                _c(\n                  \"el-input\",\n                  {\n                    staticClass: \"input-with-select\",\n                    attrs: { placeholder: \"请输入内容\" },\n                    model: {\n                      value: _vm.imgSavePath,\n                      callback: function($$v) {\n                        _vm.imgSavePath = $$v\n                      },\n                      expression: \"imgSavePath\"\n                    }\n                  },\n                  [\n                    _c(\"el-button\", {\n                      attrs: {\n                        slot: \"append\",\n                        icon: \"el-icon-folder\",\n                        type: \"success\"\n                      },\n                      on: { click: _vm.btnChange },\n                      slot: \"append\"\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          { staticClass: \"el-icon-download\", attrs: { type: \"primary\" } },\n          [_vm._v(\"导出\")]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/27f3864f7621af591c0f103e63efed11.json b/node_modules/.cache/vue-loader/27f3864f7621af591c0f103e63efed11.json
new file mode 100644
index 00000000..a1c064db
--- /dev/null
+++ b/node_modules/.cache/vue-loader/27f3864f7621af591c0f103e63efed11.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Permission.vue?vue&type=style&index=0&id=03db3326&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nh1{\r\n  text-align: center;\r\n  margin: 30px 0;\r\n}\r\np{\r\n  line-height: 30px;\r\n  margin-bottom: 10px;\r\n  text-indent: 2em;\r\n}\r\n.logout{\r\n  color: #409EFF;\r\n}\r\n",{"version":3,"sources":["Permission.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Permission.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div>\r\n\r\n    <div class=\"crumbs\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item><i class=\"el-icon-warning\"></i> 权限测试</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </div>\r\n    <div class=\"container\">\r\n      <h1>管理员权限页面</h1>\r\n      <p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p>\r\n      <p>想尝试一下，请<router-link to=\"/Login\" class=\"logout\">退出登录</router-link>，随便输入个账号名，再进来试试看。</p>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    data(){\r\n      return{\r\n        \r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\nh1{\r\n  text-align: center;\r\n  margin: 30px 0;\r\n}\r\np{\r\n  line-height: 30px;\r\n  margin-bottom: 10px;\r\n  text-indent: 2em;\r\n}\r\n.logout{\r\n  color: #409EFF;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/285fb63c1bcc249a80a90594907658aa.json b/node_modules/.cache/vue-loader/285fb63c1bcc249a80a90594907658aa.json
new file mode 100644
index 00000000..1fc108e1
--- /dev/null
+++ b/node_modules/.cache/vue-loader/285fb63c1bcc249a80a90594907658aa.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue","mtime":1673493935674},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/28bf0489cd4b21a5e985d5d0a988e477.json b/node_modules/.cache/vue-loader/28bf0489cd4b21a5e985d5d0a988e477.json
index 5af9d524..656724dc 100644
--- a/node_modules/.cache/vue-loader/28bf0489cd4b21a5e985d5d0a988e477.json
+++ b/node_modules/.cache/vue-loader/28bf0489cd4b21a5e985d5d0a988e477.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673256991481},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'thermalChart', //折线图组件\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    name: '111',\r\n                    val1: '100',\r\n                    val2: '200',\r\n                    val3: '300',\r\n                    val4: '400'\r\n                }\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart)\r\n\r\n            const hours = [\r\n                '12a', '1a', '2a', '3a', '4a', '5a', '6a',\r\n                '7a', '8a', '9a', '10a', '11a',\r\n                '12p', '1p', '2p', '3p', '4p', '5p',\r\n                '6p', '7p', '8p', '9p', '10p', '11p'\r\n            ];\r\n            // prettier-ignore\r\n            const days = [\r\n                'Saturday', 'Friday', 'Thursday',\r\n                'Wednesday', 'Tuesday', 'Monday', 'Sunday'\r\n            ];\r\n            // prettier-ignore\r\n            const data = [[0, 0, 5], [0, 1, 1], [0, 2, 0], [0, 3, 0], [0, 4, 0], [0, 5, 0], [0, 6, 0], [0, 7, 0], [0, 8, 0], [0, 9, 0], [0, 10, 0], [0, 11, 2], [0, 12, 4], [0, 13, 1], [0, 14, 1], [0, 15, 3], [0, 16, 4], [0, 17, 6], [0, 18, 4], [0, 19, 4], [0, 20, 3], [0, 21, 3], [0, 22, 2], [0, 23, 5], [1, 0, 7], [1, 1, 0], [1, 2, 0], [1, 3, 0], [1, 4, 0], [1, 5, 0], [1, 6, 0], [1, 7, 0], [1, 8, 0], [1, 9, 0], [1, 10, 5], [1, 11, 2], [1, 12, 2], [1, 13, 6], [1, 14, 9], [1, 15, 11], [1, 16, 6], [1, 17, 7], [1, 18, 8], [1, 19, 12], [1, 20, 5], [1, 21, 5], [1, 22, 7], [1, 23, 2], [2, 0, 1], [2, 1, 1], [2, 2, 0], [2, 3, 0], [2, 4, 0], [2, 5, 0], [2, 6, 0], [2, 7, 0], [2, 8, 0], [2, 9, 0], [2, 10, 3], [2, 11, 2], [2, 12, 1], [2, 13, 9], [2, 14, 8], [2, 15, 10], [2, 16, 6], [2, 17, 5], [2, 18, 5], [2, 19, 5], [2, 20, 7], [2, 21, 4], [2, 22, 2], [2, 23, 4], [3, 0, 7], [3, 1, 3], [3, 2, 0], [3, 3, 0], [3, 4, 0], [3, 5, 0], [3, 6, 0], [3, 7, 0], [3, 8, 1], [3, 9, 0], [3, 10, 5], [3, 11, 4], [3, 12, 7], [3, 13, 14], [3, 14, 13], [3, 15, 12], [3, 16, 9], [3, 17, 5], [3, 18, 5], [3, 19, 10], [3, 20, 6], [3, 21, 4], [3, 22, 4], [3, 23, 1], [4, 0, 1], [4, 1, 3], [4, 2, 0], [4, 3, 0], [4, 4, 0], [4, 5, 1], [4, 6, 0], [4, 7, 0], [4, 8, 0], [4, 9, 2], [4, 10, 4], [4, 11, 4], [4, 12, 2], [4, 13, 4], [4, 14, 4], [4, 15, 14], [4, 16, 12], [4, 17, 1], [4, 18, 8], [4, 19, 5], [4, 20, 3], [4, 21, 7], [4, 22, 3], [4, 23, 0], [5, 0, 2], [5, 1, 1], [5, 2, 0], [5, 3, 3], [5, 4, 0], [5, 5, 0], [5, 6, 0], [5, 7, 0], [5, 8, 2], [5, 9, 0], [5, 10, 4], [5, 11, 1], [5, 12, 5], [5, 13, 10], [5, 14, 5], [5, 15, 7], [5, 16, 11], [5, 17, 6], [5, 18, 0], [5, 19, 5], [5, 20, 3], [5, 21, 4], [5, 22, 2], [5, 23, 0], [6, 0, 1], [6, 1, 0], [6, 2, 0], [6, 3, 0], [6, 4, 0], [6, 5, 0], [6, 6, 0], [6, 7, 0], [6, 8, 0], [6, 9, 0], [6, 10, 1], [6, 11, 0], [6, 12, 2], [6, 13, 1], [6, 14, 3], [6, 15, 4], [6, 16, 0], [6, 17, 0], [6, 18, 0], [6, 19, 0], [6, 20, 1], [6, 21, 2], [6, 22, 2], [6, 23, 6]]\r\n                .map(function (item) {\r\n                    return [item[1], item[0], item[2] || '-'];\r\n                });\r\n            let option = {\r\n    textStyle: { color: '#666', fontSize: 13 },\r\n    toolbox: {\r\n        show: true,\r\n        feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n        iconStyle: { borderColor: '#666' },\r\n    },\r\n    tooltip: {},\r\n    grid: { containLabel: true },\r\n    xAxis: {\r\n        nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n        axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n        axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        splitLine: { show: false },\r\n        axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        type: 'category',\r\n        data: ['2015年', '2016年', '2017年', '2018年', '2019年'],\r\n        splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } },\r\n    },\r\n    yAxis: {\r\n        nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n        axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n        axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        splitLine: { show: false },\r\n        axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        type: 'category',\r\n        data: [\r\n            'GATE1',\r\n            'GATE2',\r\n            'GATE3',\r\n            'GATE4',\r\n            'GATE5',\r\n            'GATE6',\r\n            'GATE7',\r\n            \r\n        ],\r\n    },\r\n    visualMap: [\r\n        {\r\n            min: 100,\r\n            max: 400,\r\n            calculable: false,\r\n            orient: 'horizontal',\r\n            left: 'center',\r\n            top: 20,\r\n            color: ['#C7021D', '#79E73C'],\r\n            text: ['高      ', '低'],\r\n            textStyle: { color: '#666', fontSize: 13 },\r\n        },\r\n    ],\r\n    series: [\r\n        {\r\n            type: 'heatmap',\r\n            data: [\r\n                [0, 0, 100],\r\n                [0, 1, 100],\r\n                [0, 2, 100],\r\n                [0, 3, 100],\r\n                [0, 4, 100],\r\n                [0, 5, 100],\r\n                [0, 6, 200],\r\n    \r\n                [1, 0, 120],\r\n                [1, 1, 120],\r\n                [1, 2, 125],\r\n                [1, 3, 120],\r\n                [1, 4, 120],\r\n                [1, 5, 120],\r\n                [1, 6, 120],\r\n        \r\n                [2, 0, 120],\r\n                [2, 1, 140],\r\n                [2, 2, 140],\r\n                [2, 3, 140],\r\n                [2, 4, 140],\r\n                [2, 5, 140],\r\n                [2, 6, 140],\r\n            \r\n                [3, 0, 200],\r\n                [3, 1, 200],\r\n                [3, 2, 200],\r\n                [3, 3, 200],\r\n                [3, 4, 200],\r\n                [3, 5, 200],\r\n                [3, 6, 200],\r\n               \r\n                [4, 0, 300],\r\n                [4, 1, 300],\r\n                [4, 2, 300],\r\n                [4, 3, 300],\r\n                [4, 4, 300],\r\n                [4, 5, 300],\r\n                [4, 6, 300],\r\n            \r\n            ],\r\n            label: { normal: { show: true, color: '#fff' } },\r\n            itemStyle: {\r\n                normal: { borderColor: 'rgba(255, 255, 255, 0.5)' },\r\n                emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' },\r\n            },\r\n        },\r\n    ],\r\n};\r\n            myChart.setOption(option)\r\n            window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart()\r\n    }\r\n}\r\n",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"thermalChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n    <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'thermalChart', //折线图组件\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    name: '111',\r\n                    val1: '100',\r\n                    val2: '200',\r\n                    val3: '300',\r\n                    val4: '400'\r\n                }\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart)\r\n\r\n            const hours = [\r\n                '12a', '1a', '2a', '3a', '4a', '5a', '6a',\r\n                '7a', '8a', '9a', '10a', '11a',\r\n                '12p', '1p', '2p', '3p', '4p', '5p',\r\n                '6p', '7p', '8p', '9p', '10p', '11p'\r\n            ];\r\n            // prettier-ignore\r\n            const days = [\r\n                'Saturday', 'Friday', 'Thursday',\r\n                'Wednesday', 'Tuesday', 'Monday', 'Sunday'\r\n            ];\r\n            // prettier-ignore\r\n            const data = [[0, 0, 5], [0, 1, 1], [0, 2, 0], [0, 3, 0], [0, 4, 0], [0, 5, 0], [0, 6, 0], [0, 7, 0], [0, 8, 0], [0, 9, 0], [0, 10, 0], [0, 11, 2], [0, 12, 4], [0, 13, 1], [0, 14, 1], [0, 15, 3], [0, 16, 4], [0, 17, 6], [0, 18, 4], [0, 19, 4], [0, 20, 3], [0, 21, 3], [0, 22, 2], [0, 23, 5], [1, 0, 7], [1, 1, 0], [1, 2, 0], [1, 3, 0], [1, 4, 0], [1, 5, 0], [1, 6, 0], [1, 7, 0], [1, 8, 0], [1, 9, 0], [1, 10, 5], [1, 11, 2], [1, 12, 2], [1, 13, 6], [1, 14, 9], [1, 15, 11], [1, 16, 6], [1, 17, 7], [1, 18, 8], [1, 19, 12], [1, 20, 5], [1, 21, 5], [1, 22, 7], [1, 23, 2], [2, 0, 1], [2, 1, 1], [2, 2, 0], [2, 3, 0], [2, 4, 0], [2, 5, 0], [2, 6, 0], [2, 7, 0], [2, 8, 0], [2, 9, 0], [2, 10, 3], [2, 11, 2], [2, 12, 1], [2, 13, 9], [2, 14, 8], [2, 15, 10], [2, 16, 6], [2, 17, 5], [2, 18, 5], [2, 19, 5], [2, 20, 7], [2, 21, 4], [2, 22, 2], [2, 23, 4], [3, 0, 7], [3, 1, 3], [3, 2, 0], [3, 3, 0], [3, 4, 0], [3, 5, 0], [3, 6, 0], [3, 7, 0], [3, 8, 1], [3, 9, 0], [3, 10, 5], [3, 11, 4], [3, 12, 7], [3, 13, 14], [3, 14, 13], [3, 15, 12], [3, 16, 9], [3, 17, 5], [3, 18, 5], [3, 19, 10], [3, 20, 6], [3, 21, 4], [3, 22, 4], [3, 23, 1], [4, 0, 1], [4, 1, 3], [4, 2, 0], [4, 3, 0], [4, 4, 0], [4, 5, 1], [4, 6, 0], [4, 7, 0], [4, 8, 0], [4, 9, 2], [4, 10, 4], [4, 11, 4], [4, 12, 2], [4, 13, 4], [4, 14, 4], [4, 15, 14], [4, 16, 12], [4, 17, 1], [4, 18, 8], [4, 19, 5], [4, 20, 3], [4, 21, 7], [4, 22, 3], [4, 23, 0], [5, 0, 2], [5, 1, 1], [5, 2, 0], [5, 3, 3], [5, 4, 0], [5, 5, 0], [5, 6, 0], [5, 7, 0], [5, 8, 2], [5, 9, 0], [5, 10, 4], [5, 11, 1], [5, 12, 5], [5, 13, 10], [5, 14, 5], [5, 15, 7], [5, 16, 11], [5, 17, 6], [5, 18, 0], [5, 19, 5], [5, 20, 3], [5, 21, 4], [5, 22, 2], [5, 23, 0], [6, 0, 1], [6, 1, 0], [6, 2, 0], [6, 3, 0], [6, 4, 0], [6, 5, 0], [6, 6, 0], [6, 7, 0], [6, 8, 0], [6, 9, 0], [6, 10, 1], [6, 11, 0], [6, 12, 2], [6, 13, 1], [6, 14, 3], [6, 15, 4], [6, 16, 0], [6, 17, 0], [6, 18, 0], [6, 19, 0], [6, 20, 1], [6, 21, 2], [6, 22, 2], [6, 23, 6]]\r\n                .map(function (item) {\r\n                    return [item[1], item[0], item[2] || '-'];\r\n                });\r\n            let option = {\r\n    textStyle: { color: '#666', fontSize: 13 },\r\n    toolbox: {\r\n        show: true,\r\n        feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n        iconStyle: { borderColor: '#666' },\r\n    },\r\n    tooltip: {},\r\n    grid: { containLabel: true },\r\n    xAxis: {\r\n        nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n        axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n        axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        splitLine: { show: false },\r\n        axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        type: 'category',\r\n        data: ['2015年', '2016年', '2017年', '2018年', '2019年'],\r\n        splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } },\r\n    },\r\n    yAxis: {\r\n        nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n        axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n        axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        splitLine: { show: false },\r\n        axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n        type: 'category',\r\n        data: [\r\n            'GATE1',\r\n            'GATE2',\r\n            'GATE3',\r\n            'GATE4',\r\n            'GATE5',\r\n            'GATE6',\r\n            'GATE7',\r\n            \r\n        ],\r\n    },\r\n    visualMap: [\r\n        {\r\n            min: 100,\r\n            max: 400,\r\n            calculable: false,\r\n            orient: 'horizontal',\r\n            left: 'center',\r\n            top: 20,\r\n            color: ['#C7021D', '#79E73C'],\r\n            text: ['高      ', '低'],\r\n            textStyle: { color: '#666', fontSize: 13 },\r\n        },\r\n    ],\r\n    series: [\r\n        {\r\n            type: 'heatmap',\r\n            data: [\r\n                [0, 0, 100],\r\n                [0, 1, 100],\r\n                [0, 2, 100],\r\n                [0, 3, 100],\r\n                [0, 4, 100],\r\n                [0, 5, 100],\r\n                [0, 6, 200],\r\n    \r\n                [1, 0, 120],\r\n                [1, 1, 120],\r\n                [1, 2, 125],\r\n                [1, 3, 120],\r\n                [1, 4, 120],\r\n                [1, 5, 120],\r\n                [1, 6, 120],\r\n        \r\n                [2, 0, 120],\r\n                [2, 1, 140],\r\n                [2, 2, 140],\r\n                [2, 3, 140],\r\n                [2, 4, 140],\r\n                [2, 5, 140],\r\n                [2, 6, 140],\r\n            \r\n                [3, 0, 200],\r\n                [3, 1, 200],\r\n                [3, 2, 200],\r\n                [3, 3, 200],\r\n                [3, 4, 200],\r\n                [3, 5, 200],\r\n                [3, 6, 200],\r\n               \r\n                [4, 0, 300],\r\n                [4, 1, 300],\r\n                [4, 2, 300],\r\n                [4, 3, 300],\r\n                [4, 4, 300],\r\n                [4, 5, 300],\r\n                [4, 6, 300],\r\n            \r\n            ],\r\n            label: { normal: { show: true, color: '#fff' } },\r\n            itemStyle: {\r\n                normal: { borderColor: 'rgba(255, 255, 255, 0.5)' },\r\n                emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' },\r\n            },\r\n        },\r\n    ],\r\n};\r\n            myChart.setOption(option)\r\n            window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart()\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673515658628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'thermalChart', //热点图组件\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                textStyle: { color: '#666', fontSize: 13 },\r\n                toolbox: {\r\n                    show: true,\r\n                    feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n                    iconStyle: { borderColor: '#666' }\r\n                },\r\n                tooltip: {},\r\n                xAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n                    splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n                },\r\n                yAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n                },\r\n                visualMap: [\r\n                    {\r\n                        min: 100,\r\n                        max: 400,\r\n                        calculable: false,\r\n                        orient: 'horizontal',\r\n                        left: 'center',\r\n                        top: 20,\r\n                        color: ['#C7021D', '#79E73C'],\r\n                        text: ['高', '低'],\r\n                        textStyle: { color: '#666', fontSize: 13 }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        type: 'heatmap',\r\n                        // pageSize: 20,\r\n                        pointSize: 10,\r\n                        blurSize: 10,\r\n                        data: [\r\n                            [0, 0, 100],\r\n                            [0, 1, 100],\r\n                            [0, 2, 100],\r\n                            [0, 3, 100],\r\n                            // [0, 4, 100],\r\n                            // [0, 5, 100],\r\n                            // [0, 6, 200],\r\n\r\n                            [1, 0, 120],\r\n                            [1, 1, 120],\r\n                            [1, 2, 125],\r\n                            [1, 3, 120],\r\n                            // [1, 4, 120],\r\n                            // [1, 5, 120],\r\n                            // [1, 6, 120],\r\n\r\n                            [2, 0, 120],\r\n                            [2, 1, 140],\r\n                            [2, 2, 140],\r\n                            [2, 3, 140],\r\n                            // [2, 4, 140],\r\n                            // [2, 5, 140],\r\n                            // [2, 6, 140],\r\n\r\n                            [3, 0, 200],\r\n                            [3, 1, 200],\r\n                            [3, 2, 200],\r\n                            [3, 3, 200]\r\n                            // [3, 4, 200],\r\n                            // [3, 5, 200],\r\n                            // [3, 6, 200],\r\n\r\n                            // [4, 4, 300],\r\n                            // [4, 5, 300],\r\n                            // [4, 6, 300]\r\n                        ],\r\n                        label: { show: true, color: '#fff' },\r\n                        itemStyle: {\r\n                            borderColor: 'rgba(255, 255, 255, 0.5)',\r\n                            emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n                        }\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            window.onresize = () => {\r\n                // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart();\r\n    }\r\n};\r\n",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"thermalChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'thermalChart', //热点图组件\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                textStyle: { color: '#666', fontSize: 13 },\r\n                toolbox: {\r\n                    show: true,\r\n                    feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n                    iconStyle: { borderColor: '#666' }\r\n                },\r\n                tooltip: {},\r\n                xAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n                    splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n                },\r\n                yAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n                },\r\n                visualMap: [\r\n                    {\r\n                        min: 100,\r\n                        max: 400,\r\n                        calculable: false,\r\n                        orient: 'horizontal',\r\n                        left: 'center',\r\n                        top: 20,\r\n                        color: ['#C7021D', '#79E73C'],\r\n                        text: ['高', '低'],\r\n                        textStyle: { color: '#666', fontSize: 13 }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        type: 'heatmap',\r\n                        // pageSize: 20,\r\n                        pointSize: 10,\r\n                        blurSize: 10,\r\n                        data: [\r\n                            [0, 0, 100],\r\n                            [0, 1, 100],\r\n                            [0, 2, 100],\r\n                            [0, 3, 100],\r\n                            // [0, 4, 100],\r\n                            // [0, 5, 100],\r\n                            // [0, 6, 200],\r\n\r\n                            [1, 0, 120],\r\n                            [1, 1, 120],\r\n                            [1, 2, 125],\r\n                            [1, 3, 120],\r\n                            // [1, 4, 120],\r\n                            // [1, 5, 120],\r\n                            // [1, 6, 120],\r\n\r\n                            [2, 0, 120],\r\n                            [2, 1, 140],\r\n                            [2, 2, 140],\r\n                            [2, 3, 140],\r\n                            // [2, 4, 140],\r\n                            // [2, 5, 140],\r\n                            // [2, 6, 140],\r\n\r\n                            [3, 0, 200],\r\n                            [3, 1, 200],\r\n                            [3, 2, 200],\r\n                            [3, 3, 200]\r\n                            // [3, 4, 200],\r\n                            // [3, 5, 200],\r\n                            // [3, 6, 200],\r\n\r\n                            // [4, 4, 300],\r\n                            // [4, 5, 300],\r\n                            // [4, 6, 300]\r\n                        ],\r\n                        label: { show: true, color: '#fff' },\r\n                        itemStyle: {\r\n                            borderColor: 'rgba(255, 255, 255, 0.5)',\r\n                            emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n                        }\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            window.onresize = () => {\r\n                // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart();\r\n    }\r\n};\r\n</script>\r\n<style scoped></style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/28e91029b95091fa9a10e135e19283db.json b/node_modules/.cache/vue-loader/28e91029b95091fa9a10e135e19283db.json
index 354e02c4..439b862d 100644
--- a/node_modules/.cache/vue-loader/28e91029b95091fa9a10e135e19283db.json
+++ b/node_modules/.cache/vue-loader/28e91029b95091fa9a10e135e19283db.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"wrapper\">\n  <!-- 页面头部部分 -->\n  <!-- <div style=\"display:inline-block\"> -->\n  <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n      <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n    <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n  </el-aside> \n  <!-- </div> -->\n   \n  \n\n  <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n   <!-- <el-container> -->\n      <div class=\"header\" >\n    <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n    <!-- 水平一级菜单 -->\n    <div style=\"float:left;\">\n      <!-- <el-menu \n        mode=\"horizontal\"\n        text-color=\"#000000\"\n        active-text-color=\"#3989fa\"\n        :default-active=\"toIndex\" \n        @select=\"handleSelect\">\n        <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n          <span slot=\"title\">{{ item.title }}</span>\n        </el-menu-item>\n      </el-menu> -->\n    </div>\n    \n    <div class=\"header-right\">\n      <div class=\"header-user-con\">\n        <!-- 切换主题 -->\n        <div @click=\"handleChangeStyle()\">\n          <el-tooltip content=\"切换主题\" placement=\"bottom\">\n            <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n          </el-tooltip>\n        </div>\n        <!-- 用户头像 -->\n        <div class=\"user-avator\">\n          <img src=\"@/assets/img/img.jpg\"/>\n        </div>\n        <!-- 用户名下拉菜单 -->\n        <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n          <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n          <el-dropdown-menu slot=\"dropdown\">\n            <el-dropdown-item disabled>修改密码</el-dropdown-item>\n            <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>\n      </div>\n    </div>\n  </div>\n  <el-main>\n    \n    <router-view></router-view>\n  </el-main>\n   <!-- </el-container> -->\n  \n\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"wrapper\">\n  <!-- 页面头部部分 -->\n  <!-- <div style=\"display:inline-block\"> -->\n  <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n      <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n  </el-aside> \n      <div class=\"header\" >\n    <!-- 水平一级菜单 -->\n    <div class=\"header-right\">\n      <div class=\"header-user-con\">\n        <!-- 切换主题 -->\n        <div @click=\"handleChangeStyle()\">\n          <el-tooltip content=\"切换主题\" placement=\"bottom\">\n            <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n          </el-tooltip>\n        </div>\n        <!-- 用户头像 -->\n        <div class=\"user-avator\">\n          <img src=\"@/assets/img/img.jpg\"/>\n        </div>\n        <!-- 用户名下拉菜单 -->\n        <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n          <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n          <el-dropdown-menu slot=\"dropdown\">\n            <el-dropdown-item disabled>修改密码</el-dropdown-item>\n            <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>\n      </div>\n    </div>\n  </div>\n  <el-main>\n    \n    <router-view></router-view>\n  </el-main>\n   <!-- </el-container> -->\n  \n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2a75b82eda5d613ef9fa15edd5bfa17c.json b/node_modules/.cache/vue-loader/2a75b82eda5d613ef9fa15edd5bfa17c.json
new file mode 100644
index 00000000..ec5d0d32
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2a75b82eda5d613ef9fa15edd5bfa17c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue?vue&type=template&id=14bfa549&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"通知/日志\")]),\n        _c(\n          \"el-table\",\n          {\n            staticStyle: { width: \"100%\" },\n            attrs: { data: _vm.tableData, height: _vm.tableHeight, border: \"\" }\n          },\n          [\n            _c(\"el-table-column\", {\n              attrs: {\n                align: \"center\",\n                prop: \"date\",\n                label: \"通知类型\",\n                width: \"180\"\n              }\n            }),\n            _c(\"el-table-column\", {\n              attrs: {\n                align: \"center\",\n                prop: \"name\",\n                label: \"产生时机\",\n                width: \"180\"\n              }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", prop: \"address\", label: \"内容\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", label: \"操作\", width: \"160\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"text\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.download(scope.row)\n                            }\n                          }\n                        },\n                        [_vm._v(\"下载\")]\n                      ),\n                      _c(\"el-button\", {\n                        staticClass: \"el-icon-view\",\n                        attrs: { type: \"text\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.showView(scope.row)\n                          }\n                        }\n                      }),\n                      _c(\"el-button\", {\n                        staticClass: \"el-icon-delete\",\n                        attrs: { type: \"text\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.clickDelete(scope.row)\n                          }\n                        }\n                      })\n                    ]\n                  }\n                }\n              ])\n            })\n          ],\n          1\n        ),\n        _c(\"el-pagination\", {\n          staticStyle: { \"padding-top\": \"10px\" },\n          attrs: {\n            \"current-page\": _vm.currentPage,\n            \"page-sizes\": [100, 200, 300, 400],\n            \"page-size\": _vm.pageSize,\n            layout: \"sizes, prev, pager, next\",\n            total: _vm.totalNumber\n          },\n          on: {\n            \"size-change\": _vm.handleSizeChange,\n            \"current-change\": _vm.handleCurrentChange,\n            \"update:currentPage\": function($event) {\n              _vm.currentPage = $event\n            },\n            \"update:current-page\": function($event) {\n              _vm.currentPage = $event\n            }\n          }\n        }),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: { title: \"提示\", visible: _vm.dialogVisible, width: \"30%\" },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogVisible = $event\n              }\n            }\n          },\n          [_c(\"span\", [_vm._v(\"这是一段信息\")])]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2b77260b416ebeb81d7a187566e4956c.json b/node_modules/.cache/vue-loader/2b77260b416ebeb81d7a187566e4956c.json
new file mode 100644
index 00000000..5538ad63
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2b77260b416ebeb81d7a187566e4956c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2bcbbc44d4d9f01f74c02dd516db30c2.json b/node_modules/.cache/vue-loader/2bcbbc44d4d9f01f74c02dd516db30c2.json
new file mode 100644
index 00000000..e4c91a68
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2bcbbc44d4d9f01f74c02dd516db30c2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\403.vue?vue&type=template&id=bf5ea1e0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"error-page\">\n  <div class=\"error-code\">4<span>0</span>3</div>\n  <div class=\"error-desc\">啊哦~ 你没有权限访问该页面哦</div>\n  <div class=\"error-handle\">\n    <router-link to=\"/\">\n      <el-button type=\"primary\" size=\"large\">返回首页</el-button>\n    </router-link>\n    <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2d6e55ad00e3c4232c77967010248417.json b/node_modules/.cache/vue-loader/2d6e55ad00e3c4232c77967010248417.json
index 8cdadefd..87d21205 100644
--- a/node_modules/.cache/vue-loader/2d6e55ad00e3c4232c77967010248417.json
+++ b/node_modules/.cache/vue-loader/2d6e55ad00e3c4232c77967010248417.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673257811148},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [\n                    _vm._v(\"17:49\" + _vm._s(_vm.currentDate))\n                  ]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #E4E7ED\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"barChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"barChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"barChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  排队数组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2e2fffbac0a85a2d23bb76815f4afec9.json b/node_modules/.cache/vue-loader/2e2fffbac0a85a2d23bb76815f4afec9.json
new file mode 100644
index 00000000..2a136c31
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2e2fffbac0a85a2d23bb76815f4afec9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue?vue&type=style&index=0&id=405e56cc&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.down {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    position: relative;\r\n    z-index: 100;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"detailDialog.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div>\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\r\n            <el-form label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'detailDialog', //速度组件\r\n    props: {},\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        };\r\n    },\r\n    methods: {\r\n        onSubmit() {},\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        },\r\n        handleClose(done) {\r\n            this.$confirm('确认关闭？')\r\n                .then((_) => {\r\n                    done();\r\n                })\r\n                .catch((_) => {});\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.down {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    position: relative;\r\n    z-index: 100;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2e61ea80469e98f3506193fed9972806.json b/node_modules/.cache/vue-loader/2e61ea80469e98f3506193fed9972806.json
new file mode 100644
index 00000000..18be178f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2e61ea80469e98f3506193fed9972806.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\"\nimport script from \"./flowChart.vue?vue&type=script&lang=js&\"\nexport * from \"./flowChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1efa0362\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1efa0362')) {\n      api.createRecord('1efa0362', component.options)\n    } else {\n      api.reload('1efa0362', component.options)\n    }\n    module.hot.accept(\"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\", function () {\n      api.rerender('1efa0362', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/flowChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2e7b1225466768fcbfc35f80e86f530b.json b/node_modules/.cache/vue-loader/2e7b1225466768fcbfc35f80e86f530b.json
new file mode 100644
index 00000000..0a5d83cb
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2e7b1225466768fcbfc35f80e86f530b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue","mtime":1673516645857},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"border\" },\n      [\n        _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n        _vm.triggerType == \"触发\"\n          ? _c(\"thermalChart\", { attrs: { list: _vm.tableData } })\n          : _vm._e(),\n        _vm.triggerType == \"周期时刻\"\n          ? _c(\"thermalChart\", { attrs: { list: _vm.periodicTime } })\n          : _vm._e(),\n        _vm.triggerType == \"周期统计\"\n          ? _c(\"thermalChart\", { attrs: { list: _vm.periodicStatistic } })\n          : _vm._e()\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" OD组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2efe1f726447fb46ef4df215083fcb6a.json b/node_modules/.cache/vue-loader/2efe1f726447fb46ef4df215083fcb6a.json
new file mode 100644
index 00000000..db2df31a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2efe1f726447fb46ef4df215083fcb6a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props: {\r\n        list: Array,\r\n        default() {\r\n            return [];\r\n        }\r\n    },\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            let myChart = this.$echarts.init(this.$refs.barChart);\r\n            let chartData = [{ stage: '值', number: 40 }];\r\n            let option = {\r\n                color: ['#0EECE4'],\r\n                tooltip: {\r\n                    // trigger: 'axis',\r\n                    confine: true\r\n                    // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n                    //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n                    //   lineStyle: {\r\n                    //     color: 'transparent',\r\n                    //   },\r\n                    // },\r\n                },\r\n                grid: {\r\n                    left: '0%',\r\n                    right: '0%',\r\n                    bottom: '10%',\r\n                    top: '15%',\r\n                    z: 22\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        gridIndex: 0,\r\n                        data: chartData.map((item) => item.stage),\r\n                        axisLine: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                yAxis: {\r\n                    type: 'value',\r\n                    splitArea: { show: false },\r\n                    gridIndex: 0,\r\n                    min: 0,\r\n                    splitNumber: 12,\r\n                    splitLine: {\r\n                        show: false\r\n                    },\r\n                    axisLine: {\r\n                        show: false\r\n                    },\r\n                    axisTick: {\r\n                        show: false\r\n                    },\r\n                    axisLabel: {\r\n                        show: false\r\n                    },\r\n                    max: 200\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '平均值',\r\n                        type: 'bar',\r\n                        stack: 'val',\r\n                        barWidth: 150,\r\n                        xAxisIndex: 0,\r\n                        yAxisIndex: 0,\r\n                        label: {\r\n                            show: true,\r\n                            position: 'right',\r\n                            // align: 'right',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[avg]'\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#DF8414'\r\n                        },\r\n                        data: [40],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '中间值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        // xAxisIndex: 0,\r\n                        // yAxisIndex: 0,\r\n                        stack: 'val',\r\n                        label: {\r\n                            show: true,\r\n                            position: 'left',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            // align: 'left',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[med]',\r\n                            rich: {}\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#0E76AF'\r\n                        },\r\n                        data: [60],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '最小值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [0],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'bottom',\r\n                            distance: 10,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[min]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    },\r\n                    {\r\n                        name: '最大值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [200],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'top',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[max]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    }\r\n                ]\r\n            };\r\n\r\n            myChart.setOption(option);\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawBar();\r\n    }\r\n};\r\n",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"avgChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props: {\r\n        list: Array,\r\n        default() {\r\n            return [];\r\n        }\r\n    },\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            let myChart = this.$echarts.init(this.$refs.barChart);\r\n            let chartData = [{ stage: '值', number: 40 }];\r\n            let option = {\r\n                color: ['#0EECE4'],\r\n                tooltip: {\r\n                    // trigger: 'axis',\r\n                    confine: true\r\n                    // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n                    //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n                    //   lineStyle: {\r\n                    //     color: 'transparent',\r\n                    //   },\r\n                    // },\r\n                },\r\n                grid: {\r\n                    left: '0%',\r\n                    right: '0%',\r\n                    bottom: '10%',\r\n                    top: '15%',\r\n                    z: 22\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        gridIndex: 0,\r\n                        data: chartData.map((item) => item.stage),\r\n                        axisLine: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                yAxis: {\r\n                    type: 'value',\r\n                    splitArea: { show: false },\r\n                    gridIndex: 0,\r\n                    min: 0,\r\n                    splitNumber: 12,\r\n                    splitLine: {\r\n                        show: false\r\n                    },\r\n                    axisLine: {\r\n                        show: false\r\n                    },\r\n                    axisTick: {\r\n                        show: false\r\n                    },\r\n                    axisLabel: {\r\n                        show: false\r\n                    },\r\n                    max: 200\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '平均值',\r\n                        type: 'bar',\r\n                        stack: 'val',\r\n                        barWidth: 150,\r\n                        xAxisIndex: 0,\r\n                        yAxisIndex: 0,\r\n                        label: {\r\n                            show: true,\r\n                            position: 'right',\r\n                            // align: 'right',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[avg]'\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#DF8414'\r\n                        },\r\n                        data: [40],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '中间值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        // xAxisIndex: 0,\r\n                        // yAxisIndex: 0,\r\n                        stack: 'val',\r\n                        label: {\r\n                            show: true,\r\n                            position: 'left',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            // align: 'left',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[med]',\r\n                            rich: {}\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#0E76AF'\r\n                        },\r\n                        data: [60],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '最小值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [0],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'bottom',\r\n                            distance: 10,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[min]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    },\r\n                    {\r\n                        name: '最大值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [200],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'top',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[max]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    }\r\n                ]\r\n            };\r\n\r\n            myChart.setOption(option);\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawBar();\r\n    }\r\n};\r\n</script>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2f13fddc348cfb9c6e448c3be099eb21.json b/node_modules/.cache/vue-loader/2f13fddc348cfb9c6e448c3be099eb21.json
new file mode 100644
index 00000000..11508346
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2f13fddc348cfb9c6e448c3be099eb21.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue?vue&type=style&index=1&id=e5ed2546&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n",{"version":3,"sources":["network.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"network.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p class=\"title\">界面</p>\r\n                <el-form-item label=\"界面：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\r\n                            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MAC地址：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MTU：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">运行状态</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"连接：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">接通</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">IPV4</p>\r\n                <el-table :data=\"tableData\" border style=\"width: 95%\">\r\n                    <el-table-column prop=\"address\" label=\"地址\">\r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"agreement\" label=\"协议\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"Range\" label=\"范围\">\r\n                      <template slot-scope=\"scope\">\r\n                      <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\r\n                            <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"term\" label=\"期限\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column\r\n                      fixed=\"right\"\r\n                      label=\"操作\"\r\n                      width=\"350\"\r\n                      >\r\n                  <template slot-scope=\"scope\" >\r\n                      <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                  </template>\r\n                  </el-table-column>\r\n                </el-table>\r\n                <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"网关：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.gateway\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"分配IP：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.ip\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\r\n                    <p class=\"title\">静态地址</p>\r\n                    <el-form-item label=\"IP1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP4：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip4\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <p class=\"title\">静态路由</p>\r\n                    <el-table :data=\"tableRouter\" border style=\"width: 95%\">\r\n                        <el-table-column prop=\"name\" label=\"名称\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"target\" label=\"目标\"> \r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"Range\" label=\"范围\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"metric\" label=\"metric\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            fixed=\"right\"\r\n                            label=\"操作\"\r\n                            width=\"350\"\r\n                            >\r\n                        <template slot-scope=\"scope\" >\r\n                            <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                        </template>\r\n                        </el-table-column>\r\n                    </el-table>\r\n                    <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\r\n                    <el-form-item label=\"DNS1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                </div>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n          optionsa:[\r\n              {\r\n                    value: '1',\r\n                    label: '全局'\r\n                } \r\n              ],\r\n            tableRouter: [\r\n                {\r\n                    name: 'Router0',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router1',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router2',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router3',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            sizeForm: {\r\n                name: '1',\r\n                region: '00:11:14:1a:62:fe',\r\n                MTU: '1500',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: true,\r\n                ip: '192.168.1.5/24',\r\n                gateway: 'n/a',\r\n                ip1: '192.168.50.10/24',\r\n                ip2: 'e.g.192.168.50.10/24',\r\n                ip3: 'e.g.192.168.50.10/24',\r\n                ip4: 'e.g.192.168.50.10/24',\r\n                dns1: 'e.g.1.1.1.1',\r\n                dns2: 'e.g.1.0.0.1',\r\n                dns3: 'e.g.1.0.0.1'\r\n            },\r\n            options: [\r\n                {\r\n                    value: '1',\r\n                    label: 'eth0'\r\n                }\r\n            ],\r\n            tableData: [\r\n                {\r\n                    agreement: 'NO',\r\n                    Range: '1',\r\n                    address: '192.168.50.10/24',\r\n                    term: '永久',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    agreement: 'YES',\r\n                    Range: '1',\r\n                    address: '192.168.1.5/24',\r\n                    term: '17小时',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            \r\n        };\r\n    },\r\n    watch: {\r\n     \r\n    },\r\n    methods:{\r\n      changeVal(val,e){\r\n        this.tableData[e].disabled = false\r\n      },\r\n      changeValT(val,e){\r\n        this.tableRouter[e].disabled = false\r\n      },\r\n      handleClick(scope,e){\r\n        console.log(scope,'scope');\r\n      }\r\n    }\r\n};\r\n</script>\r\n  \r\n  <style>\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n</style>\r\n  <style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2f41e60a67da23abf8664a9f6ed52924.json b/node_modules/.cache/vue-loader/2f41e60a67da23abf8664a9f6ed52924.json
new file mode 100644
index 00000000..a179151c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2f41e60a67da23abf8664a9f6ed52924.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue","mtime":1673516017952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"barChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"barChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"barChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _c(\"pieChart\", { attrs: { pageType: _vm.pageType } })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" 类型组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2f5bc7c10ec97971aa75f315d76057e0.json b/node_modules/.cache/vue-loader/2f5bc7c10ec97971aa75f315d76057e0.json
new file mode 100644
index 00000000..14f37f93
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2f5bc7c10ec97971aa75f315d76057e0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue?vue&type=template&id=2e55876f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 2 </p>\r\n\r\n    <div class=\"table-container\">\r\n      <el-table ref=\"Table2\"\r\n                :data=\"list\"\r\n                style=\"width: 100%;\"\r\n                show-overflow-tooltip=\"true\"\r\n                @selection-change=\"handleSelectionChange\"\r\n                border>\r\n        <el-table-column type=\"selection\" align=\"center\"></el-table-column>\r\n        <el-table-column type=\"index\" label=\"序号\" align=\"center\" width=\"50\"></el-table-column>\r\n        <el-table-column label=\"人员ID\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.PersonID}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"人员姓名\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.FullName}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"学历\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.Degree}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"毕业院校\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.University}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"专业\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.Major}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"入校时间\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.AdmissionTime}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"毕业时间\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.GraduationTime}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"截止日期\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.EndDate}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" width=\"120\" align=\"center\" fixed=\"right\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button type=\"text\" \r\n                       @click=\"handleUpdate(scope.$index, scope.row)\">编辑</el-button>\r\n            <el-button type=\"text\"\r\n                       @click=\"handleDelete(scope.$index, scope.row)\">删除</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n\r\n    <!-- 分页组件 -->\r\n    <Pagination\r\n      :total=\"total\"\r\n      :page.sync=\"listQuery.pageNum\"\r\n      :limit.sync=\"listQuery.pageSize\"\r\n      @pagination=\"getList\"\r\n    ></Pagination>\r\n\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/2ff923bbe4d2d2a7b2f59244f6c48381.json b/node_modules/.cache/vue-loader/2ff923bbe4d2d2a7b2f59244f6c48381.json
new file mode 100644
index 00000000..53501b1b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/2ff923bbe4d2d2a7b2f59244f6c48381.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue?vue&type=style&index=0&id=3b05fefa&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  /deep/ .el-form-item__content {\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n}\n/deep/ .el-form-item__label {\n    text-align: left;\n    font-size: 15px;\n}\n/deep/ .el-button--small{\n    margin-left: 0 !important;\n}\n.container {\n    width: 100%;\n    height: 100%;\n    p {\n        width: 95%;\n        font-size: 25px;\n        text-align: left;\n        border-bottom: 1px solid black;\n        margin-bottom: 20px;\n    }\n}\n",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"VPN.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p>系统服务VPN</p>\r\n                <el-form-item label=\"状态：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>保护装置</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>开放VPN</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>资格证书</p>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"12\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n  /deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n/deep/ .el-button--small{\r\n    margin-left: 0 !important;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/30266a85528f1e01c2cf38b4bb50aba9.json b/node_modules/.cache/vue-loader/30266a85528f1e01c2cf38b4bb50aba9.json
new file mode 100644
index 00000000..b769e149
--- /dev/null
+++ b/node_modules/.cache/vue-loader/30266a85528f1e01c2cf38b4bb50aba9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Login.vue?vue&type=template&id=6896dfe2&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"login-wrap\" }, [\n    _c(\"div\", { staticClass: \"ms-login\" }, [\n      _c(\"div\", { staticClass: \"ms-title\" }),\n      _c(\n        \"div\",\n        { staticClass: \"content\" },\n        [\n          _c(\"div\", { staticClass: \"welcome\" }, [_vm._v(\"欢迎登录\")]),\n          _c(\n            \"el-form\",\n            {\n              ref: \"login\",\n              staticClass: \"ms-content\",\n              attrs: {\n                model: _vm.param,\n                rules: _vm.rules,\n                \"label-width\": \"100px\",\n                \"label-position\": \"top\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { prop: \"username\", label: \"用户名\" } },\n                [\n                  _c(\n                    \"el-input\",\n                    {\n                      attrs: { placeholder: \"输入您的账号\" },\n                      model: {\n                        value: _vm.param.username,\n                        callback: function($$v) {\n                          _vm.$set(_vm.param, \"username\", $$v)\n                        },\n                        expression: \"param.username\"\n                      }\n                    },\n                    [\n                      _c(\"el-button\", {\n                        attrs: { slot: \"prepend\", icon: \"el-icon-user\" },\n                        slot: \"prepend\"\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-top\": \"15px\" },\n                  attrs: { prop: \"password\", label: \"密码\" }\n                },\n                [\n                  _c(\n                    \"el-input\",\n                    {\n                      attrs: { type: \"password\", placeholder: \"请输入密码\" },\n                      nativeOn: {\n                        keyup: function($event) {\n                          if (\n                            !$event.type.indexOf(\"key\") &&\n                            _vm._k(\n                              $event.keyCode,\n                              \"enter\",\n                              13,\n                              $event.key,\n                              \"Enter\"\n                            )\n                          ) {\n                            return null\n                          }\n                          return _vm.submitForm()\n                        }\n                      },\n                      model: {\n                        value: _vm.param.password,\n                        callback: function($$v) {\n                          _vm.$set(_vm.param, \"password\", $$v)\n                        },\n                        expression: \"param.password\"\n                      }\n                    },\n                    [\n                      _c(\"el-button\", {\n                        attrs: { slot: \"prepend\", icon: \"el-icon-lock\" },\n                        slot: \"prepend\"\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"unforget\",\n                  staticStyle: { \"margin-left\": \"15px\" }\n                },\n                [\n                  _c(\n                    \"el-checkbox\",\n                    {\n                      model: {\n                        value: _vm.checked,\n                        callback: function($$v) {\n                          _vm.checked = $$v\n                        },\n                        expression: \"checked\"\n                      }\n                    },\n                    [_vm._v(\"保存登录\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"login-btn\" },\n            [\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.submitForm()\n                    }\n                  }\n                },\n                [_vm._v(\"登录\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3058b825d75dc87eebdba8421f07285a.json b/node_modules/.cache/vue-loader/3058b825d75dc87eebdba8421f07285a.json
index f639dbcc..4e4fa3b2 100644
--- a/node_modules/.cache/vue-loader/3058b825d75dc87eebdba8421f07285a.json
+++ b/node_modules/.cache/vue-loader/3058b825d75dc87eebdba8421f07285a.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673318378970},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #E4E7ED\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  车头时距组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673580612950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _c(\"lineChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType\n              }\n            })\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/30600af1db701991f66e9d2c702652c7.json b/node_modules/.cache/vue-loader/30600af1db701991f66e9d2c702652c7.json
index c14c0ae6..d5960c8b 100644
--- a/node_modules/.cache/vue-loader/30600af1db701991f66e9d2c702652c7.json
+++ b/node_modules/.cache/vue-loader/30600af1db701991f66e9d2c702652c7.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673315251737},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\"\nimport script from \"./checkChart.vue?vue&type=script&lang=js&\"\nexport * from \"./checkChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f8d30dd8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f8d30dd8')) {\n      api.createRecord('f8d30dd8', component.options)\n    } else {\n      api.reload('f8d30dd8', component.options)\n    }\n    module.hot.accept(\"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\", function () {\n      api.rerender('f8d30dd8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/checkChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\"\nimport script from \"./checkChart.vue?vue&type=script&lang=js&\"\nexport * from \"./checkChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f8d30dd8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f8d30dd8')) {\n      api.createRecord('f8d30dd8', component.options)\n    } else {\n      api.reload('f8d30dd8', component.options)\n    }\n    module.hot.accept(\"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\", function () {\n      api.rerender('f8d30dd8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/checkChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/312640321ed7cd448eb4c02d024e9690.json b/node_modules/.cache/vue-loader/312640321ed7cd448eb4c02d024e9690.json
new file mode 100644
index 00000000..c1176135
--- /dev/null
+++ b/node_modules/.cache/vue-loader/312640321ed7cd448eb4c02d024e9690.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673593016910},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '类型组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <pieChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '类型组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/31a480c202c6d05e663bc45291db8de5.json b/node_modules/.cache/vue-loader/31a480c202c6d05e663bc45291db8de5.json
new file mode 100644
index 00000000..399065b7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/31a480c202c6d05e663bc45291db8de5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [\n          _vm._v(\"用于REAST API的ssl web服务器证书\")\n        ]),\n        _c(\n          \"el-form\",\n          {\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"220px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"证书颁发者名称：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.name1) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书使用者名称：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.name2) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书有效时间：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.startTime) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书到期时间：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.endTime) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书被列入黑名单：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.blacklist) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"自签名证书：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.autograph) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书版本：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version) + \"\\n      \")\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          {\n            attrs: { type: \"primary\" },\n            on: {\n              click: function($event) {\n                _vm.showUpdateCertificate = true\n              }\n            }\n          },\n          [_vm._v(\"更新证书\")]\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"提示\",\n              visible: _vm.showUpdateCertificate,\n              width: \"30%\"\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.showUpdateCertificate = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-row\",\n              [\n                _c(\"el-col\", { attrs: { span: 6 } }, [\n                  _vm._v(\"\\n          文件选择：\\n        \")\n                ]),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 18 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\"\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"span\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        _vm.showUpdateCertificate = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/321c28cdd5a7c2d6c31fcb1e3a9bc761.json b/node_modules/.cache/vue-loader/321c28cdd5a7c2d6c31fcb1e3a9bc761.json
new file mode 100644
index 00000000..5ef240f1
--- /dev/null
+++ b/node_modules/.cache/vue-loader/321c28cdd5a7c2d6c31fcb1e3a9bc761.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue","mtime":1673314902485},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"tableContent\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.type == \"触发\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"steam_id\", label: \"视频路\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"timestamp\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"obj_id\", label: \"目标编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"plate\", label: \"车牌\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"速度\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"监测触发事件\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"车道\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"车头时距\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期统计\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"time\", label: \"断面编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"断面名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"时间序号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"入流流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"出流流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"time\", label: \"断面流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"入流平均速度\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"出流平均速度\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择\" },\n                      model: {\n                        value: _vm.value,\n                        callback: function($$v) {\n                          _vm.value = $$v\n                        },\n                        expression: \"value\"\n                      }\n                    },\n                    _vm._l(_vm.options, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n                    _vm._v(\"确认\")\n                  ]),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/325c04fc8daa0f3e43189b889f9b473e.json b/node_modules/.cache/vue-loader/325c04fc8daa0f3e43189b889f9b473e.json
new file mode 100644
index 00000000..012ef414
--- /dev/null
+++ b/node_modules/.cache/vue-loader/325c04fc8daa0f3e43189b889f9b473e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\CustomOperations.vue?vue&type=style&index=0&id=82754e84&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__content {\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n.container {\r\n  width: 100%;\r\n  height: 100%;\r\n  p {\r\n      width: 95%;\r\n      font-size: 25px;\r\n      text-align: left;\r\n      border-bottom: 1px solid black;\r\n      margin-bottom: 20px;\r\n  }\r\n}\r\n",{"version":3,"sources":["CustomOperations.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"CustomOperations.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n      <div class=\"container\">\r\n          <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"220px\">\r\n              <p>自定义操作</p>\r\n              <el-form-item label=\"重新启动网络服务\">\r\n              </el-form-item>\r\n              <el-form-item label=\"重新启动systemd网络服务：\">\r\n                  <el-col :span=\"1\">\r\n                      <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\" @click=\"handleagain\">启动</el-button>\r\n                  </el-col>\r\n              </el-form-item>\r\n          </el-form>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n      return {\r\n          sizeForm: {\r\n              name: '',\r\n              region: '',\r\n              date1: '',\r\n              date2: '',\r\n              delivery: false,\r\n              type: [],\r\n              resource: '',\r\n              desc: ''\r\n          },\r\n          fileList: []\r\n      };\r\n  },\r\n  methods: {\r\n      handleagain() {\r\n          this.$confirm('此操作将重新启动systemd网络服务, 是否继续?', '提示', {\r\n              confirmButtonText: '确定',\r\n              cancelButtonText: '取消',\r\n              type: 'warning'\r\n          })\r\n              .then(() => {\r\n                  // this.$message({\r\n                  //   type: 'success',\r\n                  //   message: '删除成功!'\r\n                  // });\r\n              })\r\n              .catch(() => {\r\n                  this.$message({\r\n                      type: 'info',\r\n                      message: '已取消'\r\n                  });\r\n              });\r\n      },\r\n    \r\n      \r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n.container {\r\n  width: 100%;\r\n  height: 100%;\r\n  p {\r\n      width: 95%;\r\n      font-size: 25px;\r\n      text-align: left;\r\n      border-bottom: 1px solid black;\r\n      margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/33c47ffeadedf9c8f678191b86ed5f80.json b/node_modules/.cache/vue-loader/33c47ffeadedf9c8f678191b86ed5f80.json
new file mode 100644
index 00000000..6e8aec4c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/33c47ffeadedf9c8f678191b86ed5f80.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/33caf5359e62cbeab18086fc9d03d0de.json b/node_modules/.cache/vue-loader/33caf5359e62cbeab18086fc9d03d0de.json
index 6d3c4ed8..3b238c97 100644
--- a/node_modules/.cache/vue-loader/33caf5359e62cbeab18086fc9d03d0de.json
+++ b/node_modules/.cache/vue-loader/33caf5359e62cbeab18086fc9d03d0de.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673232721963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"analysis\" }, [\n    _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          false\n            ? _c(\n                \"el-form\",\n                {\n                  staticClass: \"demo-form-inline\",\n                  attrs: {\n                    inline: true,\n                    model: _vm.formInline,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\"div\", { staticClass: \"warning\" }, [\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"自动保存\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                    )\n                  ]),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"自动保存：\" } },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value: _vm.formInline.user,\n                          callback: function($$v) {\n                            _vm.$set(_vm.formInline, \"user\", $$v)\n                          },\n                          expression: \"formInline.user\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"时间间隔：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          attrs: { placeholder: \"时间间隔\" },\n                          model: {\n                            value: _vm.formInline.region,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"region\", $$v)\n                            },\n                            expression: \"formInline.region\"\n                          }\n                        },\n                        [\n                          _c(\"el-option\", {\n                            attrs: { label: \"20s\", value: \"shanghai\" }\n                          }),\n                          _c(\"el-option\", {\n                            attrs: { label: \"30s\", value: \"beijing\" }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              staticStyle: { \"margin-top\": \"15px\" },\n              attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n            },\n            [\n              false\n                ? _c(\"div\", { staticClass: \"warning\" }, [\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"重置分析\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                    )\n                  ])\n                : _vm._e(),\n              false\n                ? _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"重置\")]\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"warning\",\n                  staticStyle: { \"margin-top\": \"15px\" }\n                },\n                [\n                  _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"相机位置\")]),\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\"在 WGS84 坐标系中输入相机位置\\n                    \")\n                ]\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"相机位置：\" } },\n                [\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { placeholder: \"经度\" },\n                    model: {\n                      value: _vm.sizeForm.name,\n                      callback: function($$v) {\n                        _vm.$set(_vm.sizeForm, \"name\", $$v)\n                      },\n                      expression: \"sizeForm.name\"\n                    }\n                  }),\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"150px\", \"margin-left\": \"20px\" },\n                    attrs: { placeholder: \"纬度\" },\n                    model: {\n                      value: _vm.sizeForm.name,\n                      callback: function($$v) {\n                        _vm.$set(_vm.sizeForm, \"name\", $$v)\n                      },\n                      expression: \"sizeForm.name\"\n                    }\n                  })\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(0),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.coordinateForm, \"label-width\": \"fit-content\" }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"坐标转换开关：\" } },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.coordinateForm.coordinateClose,\n                      callback: function($$v) {\n                        _vm.$set(_vm.coordinateForm, \"coordinateClose\", $$v)\n                      },\n                      expression: \"coordinateForm.coordinateClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"模型：\" } },\n                    [\n                      _c(\n                        \"el-radio-group\",\n                        {\n                          model: {\n                            value: _vm.coordinateForm.model,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"model\", $$v)\n                            },\n                            expression: \"coordinateForm.model\"\n                          }\n                        },\n                        [\n                          _c(\"el-radio\", {\n                            attrs: { label: \"Georeferencing\" }\n                          }),\n                          _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                        ],\n                        1\n                      ),\n                      _c(\"div\", { staticClass: \"warning\" }, [\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"地理参照允许测量物理速度和静态图像源的距离。\\n                        \"\n                        )\n                      ])\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"坐标转换：\" } },\n                    [\n                      _c(\n                        \"el-radio-group\",\n                        {\n                          model: {\n                            value: _vm.coordinateForm.coordinateTransformation,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.coordinateForm,\n                                \"coordinateTransformation\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"coordinateForm.coordinateTransformation\"\n                          }\n                        },\n                        [\n                          _c(\"el-radio\", { attrs: { label: \"84坐标系\" } }),\n                          _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"div\",\n                    {\n                      staticStyle: {\n                        width: \"100%\",\n                        height: \"400px\",\n                        \"margin-bottom\": \"10px\"\n                      }\n                    },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModuleTop\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        },\n                        on: { load: _vm.load }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-table\",\n                    { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                    [\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"name\",\n                          label: \"点名称\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"30\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.name,\n                                          callback: function($$v) {\n                                            _vm.$set(scope.row, \"name\", $$v)\n                                          },\n                                          expression: \"scope.row.name\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(scope.row.name)\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          1861943855\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"longitude\",\n                          label: \"经度\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.longitude,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"longitude\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.longitude\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.longitude\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          452909755\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"latitude\",\n                          label: \"纬度\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.latitude,\n                                          callback: function($$v) {\n                                            _vm.$set(scope.row, \"latitude\", $$v)\n                                          },\n                                          expression: \"scope.row.latitude\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.latitude\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2766622075\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          label: \"操作\",\n                          align: \"center\",\n                          \"class-name\": \"small-padding fixed-width\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleAdd(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"Add\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleUpdate(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Apply\"\n                                                : \"Edit\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#f56c6c\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleDelete(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Cancel\"\n                                                : \"Delete\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e()\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2051407138\n                        )\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                { staticStyle: { \"margin-top\": \"15px\" } },\n                [\n                  _vm.coordinateForm.coordinateClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(1),\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    {\n                      attrs: {\n                        label: \"车道识别配置开关：\",\n                        \"label-width\": \"150px\"\n                      }\n                    },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value: _vm.laneform.laneClose,\n                          callback: function($$v) {\n                            _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                          },\n                          expression: \"laneform.laneClose\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"div\",\n                        { staticStyle: { width: \"100%\", height: \"400px\" } },\n                        [\n                          _c(\"iframe\", {\n                            staticStyle: { width: \"100%\", height: \"100%\" },\n                            attrs: {\n                              id: \"mapModule\",\n                              src: \"./VideoWeb/index.html\",\n                              frameborder: \"0\"\n                            }\n                          })\n                        ]\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"300px\" },\n                          attrs: { label: \"各车道中心线（区域检测器）：\" }\n                        },\n                        [\n                          _c(\"el-switch\", {\n                            model: {\n                              value: _vm.laneform.areaDetector,\n                              callback: function($$v) {\n                                _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                              },\n                              expression: \"laneform.areaDetector\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"300px\" },\n                          attrs: {\n                            label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                          }\n                        },\n                        [\n                          _c(\"el-switch\", {\n                            model: {\n                              value: _vm.laneform.sectionDetector,\n                              callback: function($$v) {\n                                _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                              },\n                              expression: \"laneform.sectionDetector\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(2),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: {\n                model: _vm.identificationAreaform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { width: \"250px\" },\n                  attrs: { label: \"识别区域开关：\" }\n                },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.identificationAreaform.identificationAreaClose,\n                      callback: function($$v) {\n                        _vm.$set(\n                          _vm.identificationAreaform,\n                          \"identificationAreaClose\",\n                          $$v\n                        )\n                      },\n                      expression:\n                        \"identificationAreaform.identificationAreaClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.identificationAreaform.identificationAreaClose == true\n                ? _c(\n                    \"div\",\n                    { staticStyle: { width: \"100%\", height: \"400px\" } },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModule\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm.identificationAreaform.identificationAreaClose == true\n                ? _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"保存\")]\n                  )\n                : _vm._e()\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(3),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: {\n                model: _vm.trajectorySmoothingform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { width: \"250px\" },\n                  attrs: { label: \"轨迹平滑开关：\" }\n                },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value:\n                        _vm.trajectorySmoothingform.trajectorySmoothingClose,\n                      callback: function($$v) {\n                        _vm.$set(\n                          _vm.trajectorySmoothingform,\n                          \"trajectorySmoothingClose\",\n                          $$v\n                        )\n                      },\n                      expression:\n                        \"trajectorySmoothingform.trajectorySmoothingClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                ? _c(\n                    \"el-form-item\",\n                    {\n                      staticStyle: { width: \"250px\" },\n                      attrs: { label: \"预测滤波时间：\" }\n                    },\n                    [\n                      _c(\"el-input-number\", {\n                        attrs: { min: 2000, max: 3000, label: \"预测滤波时间\" },\n                        on: { change: _vm.handleChange },\n                        model: {\n                          value: _vm.trajectorySmoothingform.time,\n                          callback: function($$v) {\n                            _vm.$set(_vm.trajectorySmoothingform, \"time\", $$v)\n                          },\n                          expression: \"trajectorySmoothingform.time\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                ? _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"保存\")]\n                  )\n                : _vm._e()\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(4),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: {\n                model: _vm.licensePlateform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"车牌识别开关：\" } },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.licensePlateform.licensePlateClose,\n                      callback: function($$v) {\n                        _vm.$set(_vm.licensePlateform, \"licensePlateClose\", $$v)\n                      },\n                      expression: \"licensePlateform.licensePlateClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.licensePlateform.licensePlateClose == true\n                ? _c(\n                    \"div\",\n                    {\n                      staticStyle: {\n                        width: \"100%\",\n                        height: \"400px\",\n                        \"margin-bottom\": \"10px\"\n                      }\n                    },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModule\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm.licensePlateform.licensePlateClose == true\n                ? _c(\n                    \"el-table\",\n                    { attrs: { border: \"\", data: _vm.licensePlateTableData } },\n                    [\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"sectionPlate\",\n                          label: \"断面号牌\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"30\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.sectionPlate,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"sectionPlate\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.sectionPlate\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.sectionPlate\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          942623791\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"setAssociation\",\n                          label: \"断面设置关联：\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.setAssociation,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"setAssociation\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.setAssociation\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.setAssociation\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          95706651\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"thresholdValue\",\n                          label: \"车牌匹配阈值：\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.thresholdValue,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"thresholdValue\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.thresholdValue\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.thresholdValue\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          4003674747\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          label: \"操作：\",\n                          align: \"center\",\n                          \"class-name\": \"small-padding fixed-width\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleAdd(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"Add\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleUpdate(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Apply\"\n                                                : \"Edit\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#f56c6c\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleDelete(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Cancel\"\n                                                : \"Delete\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e()\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2051407138\n                        )\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                { staticStyle: { \"margin-top\": \"15px\" } },\n                [\n                  _vm.licensePlateform.licensePlateClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(5),\n          _c(\n            \"el-form\",\n            {\n              staticClass: \"demo-form-inline\",\n              attrs: {\n                inline: true,\n                model: _vm.stopStateform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-right\": \"10px\" },\n                  attrs: { label: \"位移：\" }\n                },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"位移\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.displacement,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                      },\n                      expression: \"stopStateform.displacement\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-right\": \"10px\" },\n                  attrs: { label: \"速度：\" }\n                },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"速度\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.speed,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                      },\n                      expression: \"stopStateform.speed\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"加速度：\" } },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.acceleration,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"acceleration\", $$v)\n                      },\n                      expression: \"stopStateform.acceleration\"\n                    }\n                  })\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticStyle: { \"margin-top\": \"15px\" } },\n            [\n              _c(\n                \"el-button\",\n                {\n                  staticStyle: { width: \"150px\" },\n                  attrs: { type: \"primary\", size: \"small\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleagain()\n                    }\n                  }\n                },\n                [_vm._v(\"保存\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(6),\n          _c(\n            \"el-form\",\n            {\n              staticClass: \"demo-form-inline\",\n              attrs: {\n                model: _vm.communicationform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"更新频率：\" } },\n                [\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"200px\" },\n                    model: {\n                      value: _vm.communicationform.renewalFrequency,\n                      callback: function($$v) {\n                        _vm.$set(_vm.communicationform, \"renewalFrequency\", $$v)\n                      },\n                      expression: \"communicationform.renewalFrequency\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { display: \"flex\" },\n                  attrs: { label: \"类型：\" }\n                },\n                [\n                  _c(\n                    \"el-radio-group\",\n                    {\n                      model: {\n                        value: _vm.communicationform.type,\n                        callback: function($$v) {\n                          _vm.$set(_vm.communicationform, \"type\", $$v)\n                        },\n                        expression: \"communicationform.type\"\n                      }\n                    },\n                    [\n                      _c(\"el-radio\", {\n                        attrs: { label: \"快速-用于高带宽连接\" }\n                      }),\n                      _c(\"el-radio\", {\n                        attrs: { label: \"平衡-适用于大多数连接\" }\n                      }),\n                      _c(\"el-radio\", {\n                        attrs: { label: \"慢速-用于低带宽连接\" }\n                      }),\n                      _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"请求轻型有效载荷：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: {\n                          width: \"200px\",\n                          \"margin-bottom\": \"20px\"\n                        },\n                        model: {\n                          value: _vm.communicationform.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.communicationform, \"name\", $$v)\n                          },\n                          expression: \"communicationform.name\"\n                        }\n                      }),\n                      _vm._v(\"ms\\n                    \")\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"请求重型有效载荷：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: {\n                          width: \"200px\",\n                          \"margin-bottom\": \"20px\"\n                        },\n                        model: {\n                          value: _vm.communicationform.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.communicationform, \"name\", $$v)\n                          },\n                          expression: \"communicationform.name\"\n                        }\n                      }),\n                      _vm._v(\"ms\\n                    \")\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"FPS分配器：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: {\n                          width: \"200px\",\n                          \"margin-bottom\": \"20px\"\n                        },\n                        model: {\n                          value: _vm.communicationform.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.communicationform, \"name\", $$v)\n                          },\n                          expression: \"communicationform.name\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"框架决议：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          staticStyle: { \"margin-bottom\": \"20px\" },\n                          attrs: { placeholder: \"框架决议\" },\n                          model: {\n                            value: _vm.communicationform.region,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"region\", $$v)\n                            },\n                            expression: \"communicationform.region\"\n                          }\n                        },\n                        [\n                          _c(\"el-option\", {\n                            attrs: { label: \"自动\", value: \"shanghai\" }\n                          }),\n                          _c(\"el-option\", {\n                            attrs: { label: \"区域二\", value: \"beijing\" }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"压缩格式：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          staticStyle: { \"margin-bottom\": \"20px\" },\n                          attrs: { placeholder: \"压缩格式\" },\n                          model: {\n                            value: _vm.communicationform.region,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"region\", $$v)\n                            },\n                            expression: \"communicationform.region\"\n                          }\n                        },\n                        [\n                          _c(\"el-option\", {\n                            attrs: { label: \"JPG\", value: \"shanghai\" }\n                          }),\n                          _c(\"el-option\", {\n                            attrs: { label: \"区域二\", value: \"beijing\" }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.communicationform.type == \"自定义\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"压缩率：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: { width: \"200px\" },\n                        model: {\n                          value: _vm.communicationform.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.communicationform, \"name\", $$v)\n                          },\n                          expression: \"communicationform.name\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-button\",\n                {\n                  staticStyle: { width: \"150px\" },\n                  attrs: { type: \"primary\", size: \"small\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleagain()\n                    }\n                  }\n                },\n                [_vm._v(\"保存\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"analysis\" },\n    [\n      _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            false\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.formInline,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"自动保存\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                      )\n                    ]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"自动保存：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.formInline.user,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"user\", $$v)\n                            },\n                            expression: \"formInline.user\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时间间隔：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { placeholder: \"时间间隔\" },\n                            model: {\n                              value: _vm.formInline.region,\n                              callback: function($$v) {\n                                _vm.$set(_vm.formInline, \"region\", $$v)\n                              },\n                              expression: \"formInline.region\"\n                            }\n                          },\n                          [\n                            _c(\"el-option\", {\n                              attrs: { label: \"20s\", value: \"shanghai\" }\n                            }),\n                            _c(\"el-option\", {\n                              attrs: { label: \"30s\", value: \"beijing\" }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                staticStyle: { \"margin-top\": \"15px\" },\n                attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n              },\n              [\n                false\n                  ? _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"重置分析\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                      )\n                    ])\n                  : _vm._e(),\n                false\n                  ? _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重置\")]\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"warning\",\n                    staticStyle: { \"margin-top\": \"15px\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleContent(\"postion\")\n                      }\n                    }\n                  },\n                  [\n                    _c(\"i\", {\n                      class:\n                        _vm.contentShow.postion == false\n                          ? \"el-icon-arrow-right\"\n                          : \"el-icon-arrow-down\",\n                      staticStyle: {\n                        \"font-weight\": \"600\",\n                        \"font-size\": \"18px\",\n                        \"margin-right\": \"5px\"\n                      }\n                    }),\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"相机位置\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \" 在 WGS84 坐标系中输入相机位置\\n                    \"\n                    )\n                  ]\n                ),\n                _vm.contentShow.postion\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"相机位置：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { size: \"small\", placeholder: \"经度\" },\n                          model: {\n                            value: _vm.sizeForm.longitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"longitude\", $$v)\n                            },\n                            expression: \"sizeForm.longitude\"\n                          }\n                        }),\n                        _c(\"el-input\", {\n                          staticStyle: {\n                            width: \"150px\",\n                            \"margin-left\": \"20px\"\n                          },\n                          attrs: { size: \"small\", placeholder: \"纬度\" },\n                          model: {\n                            value: _vm.sizeForm.latitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"latitude\", $$v)\n                            },\n                            expression: \"sizeForm.latitude\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _vm.contentShow.postion\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handSaveitude()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"coordinate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.coordinate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.coordinate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.coordinateForm,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticClass: \"otherThings\",\n                        attrs: { label: \"UTM区：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: {\n                            \"controls-position\": \"right\",\n                            size: \"small\",\n                            min: 1,\n                            max: 60\n                          },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.coordinateForm.num,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"num\", $$v)\n                            },\n                            expression: \"coordinateForm.num\"\n                          }\n                        }),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"warning\",\n                            staticStyle: { margin: \"0px\" }\n                          },\n                          [\n                            _c(\"i\", {\n                              staticClass: \"el-icon-warning\",\n                              staticStyle: {\n                                color: \"#409eff\",\n                                margin: \"0 3px 0 10px\"\n                              }\n                            }),\n                            _vm._v(\n                              \"地理参照允许测量物理速度和静态图像源的距离。\\n                            \"\n                            )\n                          ]\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"半球：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { size: \"small\", placeholder: \"请选择\" },\n                            model: {\n                              value: _vm.coordinateForm.value,\n                              callback: function($$v) {\n                                _vm.$set(_vm.coordinateForm, \"value\", $$v)\n                              },\n                              expression: \"coordinateForm.value\"\n                            }\n                          },\n                          _vm._l(_vm.options, function(item) {\n                            return _c(\"el-option\", {\n                              key: item.value,\n                              attrs: { label: item.label, value: item.value }\n                            })\n                          }),\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"坐标转换：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value:\n                                _vm.coordinateForm.coordinateTransformation,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.coordinateForm,\n                                  \"coordinateTransformation\",\n                                  $$v\n                                )\n                              },\n                              expression:\n                                \"coordinateForm.coordinateTransformation\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"WGS-84坐标系\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"100%\",\n                          height: \"400px\",\n                          \"margin-bottom\": \"10px\"\n                        }\n                      },\n                      [\n                        _c(\"iframe\", {\n                          staticStyle: { width: \"100%\", height: \"100%\" },\n                          attrs: {\n                            id: \"mapModuleTop\",\n                            src: \"./VideoWeb/index.html\",\n                            frameborder: \"0\"\n                          },\n                          on: { load: _vm.load }\n                        })\n                      ]\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"warning\" },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { color: \"#fffff\" },\n                            attrs: { size: \"mini\", type: \"primary\" },\n                            on: {\n                              click: function($event) {\n                                _vm.dialogVisible = true\n                              }\n                            }\n                          },\n                          [_vm._v(\"新增点\\n                        \")]\n                        ),\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"请至少配置4个点，不满足4个点会没有数据。\\n                    \"\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-table\",\n                      { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                      [\n                        _c(\n                          \"template\",\n                          { slot: \"empty\" },\n                          [\n                            _c(\"el-empty\", {\n                              attrs: {\n                                \"image-size\": 100,\n                                description: \"暂无数据\"\n                              }\n                            })\n                          ],\n                          1\n                        ),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"pointName\",\n                            label: \"点名称\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        maxlength: \"30\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.pointName,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"pointName\", $$v)\n                                        },\n                                        expression: \"scope.row.pointName\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2386407447\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"longitude\",\n                            label: \"经度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.longitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"longitude\", $$v)\n                                        },\n                                        expression: \"scope.row.longitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1223382878\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"latitude\",\n                            label: \"纬度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.latitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"latitude\", $$v)\n                                        },\n                                        expression: \"scope.row.latitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1252814925\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            label: \"操作\",\n                            align: \"center\",\n                            \"class-name\": \"small-padding fixed-width\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        staticStyle: { color: \"#2090c1\" },\n                                        attrs: { size: \"mini\", type: \"text\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleUpdate(scope.row)\n                                          }\n                                        }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"编辑\\n                                \"\n                                        )\n                                      ]\n                                    ),\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        staticStyle: { color: \"#f56c6c\" },\n                                        attrs: { size: \"mini\", type: \"text\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleDeleteDian(\n                                              scope.row\n                                            )\n                                          }\n                                        }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"删除\\n                                \"\n                                        )\n                                      ]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2444983767\n                          )\n                        })\n                      ],\n                      2\n                    ),\n                    _c(\n                      \"div\",\n                      { staticStyle: { \"margin-top\": \"15px\" } },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: {\n                              type: \"primary\",\n                              disabled: _vm.coordinateTableData.length < 4,\n                              size: \"small\"\n                            },\n                            on: {\n                              click: function($event) {\n                                return _vm.handlePos()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(0),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"车道识别配置开关：\",\n                          \"label-width\": \"150px\"\n                        }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.laneform.laneClose,\n                            callback: function($$v) {\n                              _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                            },\n                            expression: \"laneform.laneClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: { label: \"各车道中心线（区域检测器）：\" }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.areaDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                                },\n                                expression: \"laneform.areaDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: {\n                              label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                            }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.sectionDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                                },\n                                expression: \"laneform.sectionDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(1),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.identificationAreaform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"识别区域开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.identificationAreaform\n                                .identificationAreaClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.identificationAreaform,\n                                \"identificationAreaClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"identificationAreaform.identificationAreaClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(2),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.trajectorySmoothingform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"轨迹平滑开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.trajectorySmoothingform\n                                .trajectorySmoothingClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.trajectorySmoothingform,\n                                \"trajectorySmoothingClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"trajectorySmoothingform.trajectorySmoothingClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"250px\" },\n                            attrs: { label: \"预测滤波时间：\" }\n                          },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: {\n                                min: 2000,\n                                max: 3000,\n                                label: \"预测滤波时间\"\n                              },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.trajectorySmoothingform.time,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.trajectorySmoothingform,\n                                    \"time\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"trajectorySmoothingform.time\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"plate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.plate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.plate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.licensePlateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"车牌识别开关：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          attrs: { \"active-value\": \"1\", \"inactive-value\": \"0\" },\n                          on: {\n                            change: function($event) {\n                              return _vm.changeChepai($event)\n                            }\n                          },\n                          model: {\n                            value: _vm.licensePlateform.licensePlateClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.licensePlateform,\n                                \"licensePlateClose\",\n                                $$v\n                              )\n                            },\n                            expression: \"licensePlateform.licensePlateClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"div\",\n                          {\n                            staticStyle: {\n                              width: \"100%\",\n                              height: \"400px\",\n                              \"margin-bottom\": \"10px\"\n                            }\n                          },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"el-table\",\n                          {\n                            attrs: {\n                              border: \"\",\n                              data: _vm.licensePlateTableData\n                            }\n                          },\n                          [\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"sectionPlate\",\n                                label: \"断面号牌\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"30\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.sectionPlate,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"sectionPlate\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.sectionPlate\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.sectionPlate\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                942623791\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"setAssociation\",\n                                label: \"断面设置关联：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.setAssociation,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"setAssociation\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.setAssociation\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.setAssociation\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                95706651\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"thresholdValue\",\n                                label: \"车牌匹配阈值：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.thresholdValue,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"thresholdValue\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.thresholdValue\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.thresholdValue\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                4003674747\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                label: \"操作：\",\n                                align: \"center\",\n                                \"class-name\": \"small-padding fixed-width\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleAdd(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  \"Add\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleUpdate(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Apply\"\n                                                      : \"Edit\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#f56c6c\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleDelete(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Cancel\"\n                                                      : \"Delete\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e()\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                2051407138\n                              )\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { \"margin-top\": \"15px\" } },\n                          [\n                            _vm.licensePlateform.licensePlateClose == true\n                              ? _c(\n                                  \"el-button\",\n                                  {\n                                    staticStyle: { width: \"150px\" },\n                                    attrs: { type: \"primary\", size: \"small\" },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.handleagain()\n                                      }\n                                    }\n                                  },\n                                  [_vm._v(\"保存\")]\n                                )\n                              : _vm._e()\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"parking\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.parking == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.parking\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.stopStateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"位移：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"位移\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.displacement,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                            },\n                            expression: \"stopStateform.displacement\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"速度：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"速度\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.speed,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                            },\n                            expression: \"stopStateform.speed\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"加速度：\" } },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.stopStateform.acceleration,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.stopStateform,\n                                    \"acceleration\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"stopStateform.acceleration\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.contentShow.parking\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleParking()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(3),\n                _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      model: _vm.communicationform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"更新频率：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"200px\" },\n                          model: {\n                            value: _vm.communicationform.renewalFrequency,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.communicationform,\n                                \"renewalFrequency\",\n                                $$v\n                              )\n                            },\n                            expression: \"communicationform.renewalFrequency\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { display: \"flex\" },\n                        attrs: { label: \"类型：\" }\n                      },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.communicationform.type,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"type\", $$v)\n                              },\n                              expression: \"communicationform.type\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"快速-用于高带宽连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"平衡-适用于大多数连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"慢速-用于低带宽连接\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求轻型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求重型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"FPS分配器：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"框架决议：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"框架决议\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"自动\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩格式：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"压缩格式\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"JPG\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩率：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: { width: \"200px\" },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"新增点\",\n            visible: _vm.dialogVisible,\n            width: \"30%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"addform\",\n              attrs: {\n                rules: _vm.formRules,\n                model: _vm.addDianForm,\n                \"label-position\": \"left\",\n                \"label-width\": \"85px\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"点名称：\", prop: \"pointName\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: \"请输入点名称\" },\n                        model: {\n                          value: _vm.addDianForm.pointName,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"pointName\", $$v)\n                          },\n                          expression: \"addDianForm.pointName\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"经度：\", prop: \"longitude\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入经度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.longitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"longitude\", $$v)\n                          },\n                          expression: \"addDianForm.longitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"纬度：\", prop: \"latitude\" } },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入纬度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.latitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"latitude\", $$v)\n                          },\n                          expression: \"addDianForm.latitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"span\",\n            {\n              staticClass: \"dialog-footer\",\n              attrs: { slot: \"footer\" },\n              slot: \"footer\"\n            },\n            [\n              _c(\n                \"el-button\",\n                {\n                  on: {\n                    click: function($event) {\n                      _vm.dialogVisible = false\n                    }\n                  }\n                },\n                [_vm._v(\"取 消\")]\n              ),\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleDian(\"addform\")\n                    }\n                  }\n                },\n                [_vm._v(\"确 定\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3416c9471034494d7e254b6c2970537a.json b/node_modules/.cache/vue-loader/3416c9471034494d7e254b6c2970537a.json
new file mode 100644
index 00000000..c4df6a40
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3416c9471034494d7e254b6c2970537a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/35f1c05b472573a4b4ea5e4e72259cfb.json b/node_modules/.cache/vue-loader/35f1c05b472573a4b4ea5e4e72259cfb.json
new file mode 100644
index 00000000..27d0d272
--- /dev/null
+++ b/node_modules/.cache/vue-loader/35f1c05b472573a4b4ea5e4e72259cfb.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3643f3c8bf51d57e2f951ba046af5a03.json b/node_modules/.cache/vue-loader/3643f3c8bf51d57e2f951ba046af5a03.json
new file mode 100644
index 00000000..1cfc1288
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3643f3c8bf51d57e2f951ba046af5a03.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\logs.vue?vue&type=template&id=14bfa549&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"通知/日志\")]),\n        _c(\n          \"el-table\",\n          {\n            staticStyle: { width: \"100%\" },\n            attrs: { data: _vm.tableData, height: _vm.tableHeight, border: \"\" }\n          },\n          [\n            _c(\"el-table-column\", {\n              attrs: {\n                align: \"center\",\n                prop: \"date\",\n                label: \"通知类型\",\n                width: \"180\"\n              }\n            }),\n            _c(\"el-table-column\", {\n              attrs: {\n                align: \"center\",\n                prop: \"name\",\n                label: \"产生时机\",\n                width: \"180\"\n              }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", prop: \"address\", label: \"内容\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", label: \"操作\", width: \"160\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"text\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.download(scope.row)\n                            }\n                          }\n                        },\n                        [_vm._v(\"下载\")]\n                      ),\n                      _c(\"el-button\", {\n                        staticClass: \"el-icon-view\",\n                        attrs: { type: \"text\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.showView(scope.row)\n                          }\n                        }\n                      }),\n                      _c(\"el-button\", {\n                        staticClass: \"el-icon-delete\",\n                        attrs: { type: \"text\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.clickDelete(scope.row)\n                          }\n                        }\n                      })\n                    ]\n                  }\n                }\n              ])\n            })\n          ],\n          1\n        ),\n        _c(\"el-pagination\", {\n          staticStyle: { \"padding-top\": \"10px\" },\n          attrs: {\n            \"current-page\": _vm.currentPage,\n            \"page-sizes\": [100, 200, 300, 400],\n            \"page-size\": _vm.pageSize,\n            layout: \"sizes, prev, pager, next\",\n            total: _vm.totalNumber\n          },\n          on: {\n            \"size-change\": _vm.handleSizeChange,\n            \"current-change\": _vm.handleCurrentChange,\n            \"update:currentPage\": function($event) {\n              _vm.currentPage = $event\n            },\n            \"update:current-page\": function($event) {\n              _vm.currentPage = $event\n            }\n          }\n        }),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: { title: \"提示\", visible: _vm.dialogVisible, width: \"30%\" },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogVisible = $event\n              }\n            }\n          },\n          [_c(\"span\", [_vm._v(\"这是一段信息\")])]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/367509062eafc171993de0fd37cb121e.json b/node_modules/.cache/vue-loader/367509062eafc171993de0fd37cb121e.json
new file mode 100644
index 00000000..717be442
--- /dev/null
+++ b/node_modules/.cache/vue-loader/367509062eafc171993de0fd37cb121e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=style&index=0&id=2a67f262&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n}\r\n.sidebar {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 70px;\r\n  bottom: 0;\r\n  overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n  width: 0;\r\n}\r\n.sidebar-el-menu {\r\n  width: 250px;\r\n}\r\n.sidebar > ul {\r\n  height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item{\r\n  font-size: 14px !important;\r\n  padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n  color: white !important;\r\n  background: #3989fa !important;\r\n}\r\n.el-menu-item, .el-submenu__title {\r\n  height: 50px !important;\r\n  line-height: 50px !important;\r\n}\r\n.navMenu{\r\n    background: url('../../assets/img/leftBg.png'); \r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu{\r\n    background: url('../../assets/img/leftBg.png');\r\n   background-size: 100%;\r\n   /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important; \r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SideMenu.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        \r\n         <el-menu\r\n          router\r\n          :default-active=\"$route.path\"\r\n          class=\"el-menu-vertical-demo\"\r\n          text-color=\"#fff\"\r\n          active-text-color=\"#ffd04b\">\r\n           <label v-for=\"navMenu in navMenus\">\r\n            <!--只有一级菜单-->\r\n            <el-menu-item v-if=\"!navMenu.children\"\r\n                          :index=\"navMenu.path\"\r\n                          :route=\"navMenu.path\"\r\n            >\r\n                <!--图标-->\r\n                <i :class=\"navMenu.icon\"></i>\r\n                <!--标题-->\r\n                <span slot=\"title\">{{navMenu.title}}</span>\r\n            </el-menu-item>\r\n            <!--有多级菜单-->\r\n            <el-submenu v-if=\"navMenu.children\"\r\n                        :key=\"navMenu.path\"\r\n                        :index=\"navMenu.path\"\r\n            >\r\n                <template slot=\"title\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span> {{navMenu.title}}</span>\r\n                </template>\r\n                <!--递归组件，把遍历的值传回子组件，完成递归调用-->\r\n                <nav-menu :navMenus=\"navMenu.children\"></nav-menu>\r\n            </el-submenu>\r\n        </label>\r\n       </el-menu>\r\n       \r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'NavMenu', //使用递归组件必须要有\r\n        props: ['navMenus'], // 传入子组件的数据\r\n        data() {\r\n            return {}\r\n        },\r\n        computed: {\r\n    toIndex(){  // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n      return this.$route.path.split('/')[2];\r\n    }\r\n  },\r\n        methods: {\r\n            handleSelect(key,keyPath){\r\n                console.log('1212')\r\n                console.log(key,keyPath)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n}\r\n.sidebar {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 70px;\r\n  bottom: 0;\r\n  overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n  width: 0;\r\n}\r\n.sidebar-el-menu {\r\n  width: 250px;\r\n}\r\n.sidebar > ul {\r\n  height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item{\r\n  font-size: 14px !important;\r\n  padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n  color: white !important;\r\n  background: #3989fa !important;\r\n}\r\n.el-menu-item, .el-submenu__title {\r\n  height: 50px !important;\r\n  line-height: 50px !important;\r\n}\r\n.navMenu{\r\n    background: url('../../assets/img/leftBg.png'); \r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu{\r\n    background: url('../../assets/img/leftBg.png');\r\n   background-size: 100%;\r\n   /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important; \r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/368b5df4ccb4a3ed1a14c540d175fef0.json b/node_modules/.cache/vue-loader/368b5df4ccb4a3ed1a14c540d175fef0.json
new file mode 100644
index 00000000..41426e7b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/368b5df4ccb4a3ed1a14c540d175fef0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        this.xData = this.yData = this.list.map((val) => {\r\n            return val.timestamp;\r\n        });\r\n        this.yData = this.yData = this.list.map((val) => {\r\n            return val.speed;\r\n        });\r\n        // 断面组件触发的y轴展示\r\n        if (this.pageType == '断面' && this.status == '触发') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                return val.speed;\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n        // 断面组件周期统计的y轴展示\r\n        if (this.pageType == '断面' && this.status == '周期统计') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n\r\n        // 区域组件触发y轴展示\r\n        if (this.pageType == '区域') {\r\n            if (this.title == '类型组件') {\r\n            } else if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '排队数组件') {\r\n            } else if (this.title == '监测数组件') {\r\n            } else if (this.title == '延误组件') {\r\n            } else if (this.title == '拥堵组件') {\r\n            }\r\n        }\r\n        // if (this.pageType == '区域' && this.status == '周期时刻') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n        // if (this.pageType == '区域' && this.status == '周期统计') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title, this.status);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        this.xData = this.yData = this.list.map((val) => {\r\n            return val.timestamp;\r\n        });\r\n        this.yData = this.yData = this.list.map((val) => {\r\n            return val.speed;\r\n        });\r\n        // 断面组件触发的y轴展示\r\n        if (this.pageType == '断面' && this.status == '触发') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                return val.speed;\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n        // 断面组件周期统计的y轴展示\r\n        if (this.pageType == '断面' && this.status == '周期统计') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n\r\n        // 区域组件触发y轴展示\r\n        if (this.pageType == '区域') {\r\n            if (this.title == '类型组件') {\r\n            } else if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '排队数组件') {\r\n            } else if (this.title == '监测数组件') {\r\n            } else if (this.title == '延误组件') {\r\n            } else if (this.title == '拥堵组件') {\r\n            }\r\n        }\r\n        // if (this.pageType == '区域' && this.status == '周期时刻') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n        // if (this.pageType == '区域' && this.status == '周期统计') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title, this.status);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/36ae8fb27deeb8fa535a9f10d6e0a456.json b/node_modules/.cache/vue-loader/36ae8fb27deeb8fa535a9f10d6e0a456.json
new file mode 100644
index 00000000..9fa117c8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/36ae8fb27deeb8fa535a9f10d6e0a456.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\403.vue?vue&type=template&id=bf5ea1e0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"error-page\" }, [\n    _vm._m(0),\n    _c(\"div\", { staticClass: \"error-desc\" }, [\n      _vm._v(\"啊哦~ 你没有权限访问该页面哦\")\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"error-handle\" },\n      [\n        _c(\n          \"router-link\",\n          { attrs: { to: \"/\" } },\n          [\n            _c(\"el-button\", { attrs: { type: \"primary\", size: \"large\" } }, [\n              _vm._v(\"返回首页\")\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          {\n            staticClass: \"error-btn\",\n            attrs: { type: \"primary\", size: \"large\" },\n            on: {\n              click: function($event) {\n                return _vm.goBack()\n              }\n            }\n          },\n          [_vm._v(\"返回上一页\")]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"error-code\" }, [\n      _vm._v(\"4\"),\n      _c(\"span\", [_vm._v(\"0\")]),\n      _vm._v(\"3\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/36e64493a96c622c8a7b92426182b9cc.json b/node_modules/.cache/vue-loader/36e64493a96c622c8a7b92426182b9cc.json
new file mode 100644
index 00000000..be1eebc7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/36e64493a96c622c8a7b92426182b9cc.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/36e6e340febe12100bf03f51f76d6eb7.json b/node_modules/.cache/vue-loader/36e6e340febe12100bf03f51f76d6eb7.json
new file mode 100644
index 00000000..48ed5c04
--- /dev/null
+++ b/node_modules/.cache/vue-loader/36e6e340febe12100bf03f51f76d6eb7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue?vue&type=template&id=0aec45ad&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _vm._m(0)\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"content-box\" }, [\n      _c(\"div\", { staticClass: \"container\" }, [\n        _c(\"p\", [_vm._v(\"主体页面 1 - 2 \")]),\n        _c(\"div\", { staticClass: \"test-div\" }, [\n          _c(\"i\", { staticClass: \"el-icon-edit\" }),\n          _c(\"i\", { staticClass: \"el-icon-share\" }),\n          _c(\"i\", { staticClass: \"el-icon-delete\" })\n        ])\n      ])\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3794c87bf74c640b6bcaf8258162eed9.json b/node_modules/.cache/vue-loader/3794c87bf74c640b6bcaf8258162eed9.json
new file mode 100644
index 00000000..b25287e4
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3794c87bf74c640b6bcaf8258162eed9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: 'ParkingDetrctionCA',\r\n        name2: 'loc.rcesystems.cz',\r\n        startTime: '2019-12-02 22::17:47',\r\n        endTime: '2033-08-10 22::17:47',\r\n        blacklist: '否',\r\n        autograph: '否',\r\n        version: '3',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["InterfaceServerCertificates.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"InterfaceServerCertificates.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">用于REAST API的ssl web服务器证书</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"证书颁发者名称：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书使用者名称：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书有效时间：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书到期时间：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书被列入黑名单：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"自签名证书：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书版本：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: 'ParkingDetrctionCA',\r\n        name2: 'loc.rcesystems.cz',\r\n        startTime: '2019-12-02 22::17:47',\r\n        endTime: '2033-08-10 22::17:47',\r\n        blacklist: '否',\r\n        autograph: '否',\r\n        version: '3',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n.el-col-6{\r\n  padding-top: 0;\r\n  padding-left: 0;\r\n  line-height: 32px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3899dafd6882b24960f70ad8e644da84.json b/node_modules/.cache/vue-loader/3899dafd6882b24960f70ad8e644da84.json
new file mode 100644
index 00000000..8ccc2b7a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3899dafd6882b24960f70ad8e644da84.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/38a250ca5651034388057094b811ae39.json b/node_modules/.cache/vue-loader/38a250ca5651034388057094b811ae39.json
new file mode 100644
index 00000000..000a40e0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/38a250ca5651034388057094b811ae39.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue?vue&type=style&index=0&id=939d0aa4&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["ExportingSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA;AACA;AACA;AACA;AACA;AACA","file":"ExportingSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">导出设置</p>\r\n      <!-- <div class=\"test-div\">\r\n        <i class=\"el-icon-edit\"></i>\r\n        <i class=\"el-icon-share\"></i>\r\n        <i class=\"el-icon-delete\"></i>\r\n      </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"文件格式：\">\r\n          <el-select v-model=\"value\" placeholder=\"请选择导出文件格式\">\r\n            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"文件保存位置：\">\r\n          <input type=\"file\" id=\"file\" hidden @change=\"fileChange\" webkitdirectory>\r\n          <el-input placeholder=\"请输入内容\" v-model=\"imgSavePath\" class=\"input-with-select\">\r\n            <el-button slot=\"append\" icon=\"el-icon-folder\" type=\"success\" @click=\"btnChange\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button class=\"el-icon-download\" type=\"primary\">导出</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      options: [\r\n        {\r\n          value: 'zip',\r\n          label: 'zip'\r\n        }, {\r\n          value: '7z',\r\n          label: '7z'\r\n        }\r\n      ],\r\n      value: 'zip',\r\n      imgSavePath: '',\r\n    }\r\n  },\r\n  methods: {\r\n    fileChange(e) {\r\n      try {\r\n        const fu = document.getElementById('file')\r\n        if (fu == null) return\r\n        this.imgSavePath = fu.files[0].path\r\n        console.log(fu.files)\r\n      } catch (error) {\r\n        console.debug('choice file err:', error)\r\n      }\r\n    },\r\n    btnChange() {\r\n      var file = document.getElementById('file')\r\n      file.click()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/38d93eb3d4d65beabaadc952d6c84ffb.json b/node_modules/.cache/vue-loader/38d93eb3d4d65beabaadc952d6c84ffb.json
index 0cae3ac2..4f688bed 100644
--- a/node_modules/.cache/vue-loader/38d93eb3d4d65beabaadc952d6c84ffb.json
+++ b/node_modules/.cache/vue-loader/38d93eb3d4d65beabaadc952d6c84ffb.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673318378970},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  车头时距组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\"/>\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType=='触发'\"/>\r\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType=='周期时刻'\"/>\r\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType=='周期统计'\" />\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props:['pageType','triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673580612950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\"></lineChart>\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/38fb5db1675d5bdc034eebf800e006b7.json b/node_modules/.cache/vue-loader/38fb5db1675d5bdc034eebf800e006b7.json
new file mode 100644
index 00000000..3ee5de0f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/38fb5db1675d5bdc034eebf800e006b7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue?vue&type=template&id=bf4272de&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"error-page\" }, [\n    _vm._m(0),\n    _c(\"div\", { staticClass: \"error-desc\" }, [\n      _vm._v(\"啊哦~ 你所访问的页面不存在\")\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"error-handle\" },\n      [\n        _c(\n          \"router-link\",\n          { attrs: { to: \"/\" } },\n          [\n            _c(\"el-button\", { attrs: { type: \"primary\", size: \"large\" } }, [\n              _vm._v(\"返回首页\")\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          {\n            staticClass: \"error-btn\",\n            attrs: { type: \"primary\", size: \"large\" },\n            on: {\n              click: function($event) {\n                return _vm.goBack()\n              }\n            }\n          },\n          [_vm._v(\"返回上一页\")]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"error-code\" }, [\n      _vm._v(\"4\"),\n      _c(\"span\", [_vm._v(\"0\")]),\n      _vm._v(\"4\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/399b8e5ddf2dbfab3d54728e80f9835a.json b/node_modules/.cache/vue-loader/399b8e5ddf2dbfab3d54728e80f9835a.json
new file mode 100644
index 00000000..836016f6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/399b8e5ddf2dbfab3d54728e80f9835a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=template&id=57b7d65b&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"statusMain\">\n  <div >\n    <!-- <p>节点源</p> -->\n     <!-- <h3>节点源</h3> -->\n     <el-descriptions title=\"节点源\"  :column=\"5\" border>\n          <el-descriptions-item label=\"来源\"> {{ form.name1 }}</el-descriptions-item>\n          <el-descriptions-item label=\"源极状态\">{{ form.name2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"稳定状态\">{{ form.state }}</el-descriptions-item>\n          <el-descriptions-item label=\"视频数据连接\">{{ form.endTime }}</el-descriptions-item>\n          <el-descriptions-item label=\"源分辨率\">{{ form.blacklist }}</el-descriptions-item>\n          <el-descriptions-item label=\"神经网络分辨率\">{{ form.autograph }}</el-descriptions-item>\n          <el-descriptions-item label=\"输入帧速率\">{{ form.version }}</el-descriptions-item>\n          <el-descriptions-item label=\"解码器帧速率\">{{ form.version }}</el-descriptions-item>\n          <el-descriptions-item label=\"检测器帧速率\">{{ form.version2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"最后一帧分析时间\">{{ form.version4 }}</el-descriptions-item>\n          <el-descriptions-item label=\"运动状态\">{{ form.version5 }}</el-descriptions-item>\n          <el-descriptions-item label=\"摄像机盘\">{{ form.version6 }}</el-descriptions-item>\n          <el-descriptions-item label=\"摄像机倾斜\">{{ form.version7 }}</el-descriptions-item>\n          <el-descriptions-item label=\"照相机变焦\">{{ form.version8 }}</el-descriptions-item>\n      </el-descriptions>\n    <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"来源：\"> \n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"源极状态：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"稳定状态：\">\n        {{ form.state }}\n      </el-form-item>\n      <el-form-item label=\"视频数据连接：\">\n        {{ form.endTime }}\n      </el-form-item>\n      <el-form-item label=\"源分辨率：\">\n        {{ form.blacklist }}\n      </el-form-item>\n      <el-form-item label=\"神经网络分辨率：\">\n        {{ form.autograph }}\n      </el-form-item>\n      <el-form-item label=\"输入帧速率：\">\n        {{ form.version }}\n      </el-form-item>\n      <el-form-item label=\"解码器帧速率：\">\n        {{ form.version1 }}\n      </el-form-item>\n      <el-form-item label=\"检测器帧速率：\">\n        {{ form.version2 }}\n      </el-form-item>\n       <el-form-item label=\"最后一帧分析时间：\">\n        {{ form.version4 }}\n      </el-form-item>\n       <el-form-item label=\"运动状态：\">\n        {{ form.version5 }}\n      </el-form-item>\n       <el-form-item label=\"摄像机盘：\">\n        {{ form.version6 }}\n      </el-form-item>\n       <el-form-item label=\"摄像机倾斜：\">\n        {{ form.version7 }}\n      </el-form-item>\n      <el-form-item label=\"照相机变焦：\">\n        {{ form.version8 }}\n      </el-form-item>\n    </el-form> -->\n     <el-descriptions title=\"立方体分析\"  :column=\"5\" border>\n          <el-descriptions-item label=\"多维数据集ID\"> {{ form.name1 }}</el-descriptions-item>\n          <el-descriptions-item label=\"分析ID\">{{ form.name2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"分析序列ID\">{{ form.state }}</el-descriptions-item>\n          <el-descriptions-item label=\"缓存中的轨迹\">{{ form.endTime }}</el-descriptions-item>\n          <el-descriptions-item label=\"总缓存容量\">{{ form.blacklist }}</el-descriptions-item>\n          <el-descriptions-item label=\"高速缓存启动\">{{ form.autograph }}</el-descriptions-item>\n          <el-descriptions-item label=\"高速缓存结束\">{{ form.version }}</el-descriptions-item>\n          <el-descriptions-item label=\"缓存中的第一条线索\">{{ form.version }}</el-descriptions-item>\n          <el-descriptions-item label=\"缓存中的第最后一条线索\">{{ form.version2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"上次自动保存时间戳\">{{ form.version4 }}</el-descriptions-item>\n      </el-descriptions>\n  <!-- <h3>立方体分析</h3>\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"多维数据集ID：\">\n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"分析ID：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"分析序列ID：\">\n        {{ form.startTime }}\n      </el-form-item>\n      <el-form-item label=\"缓存中的轨迹：\">\n        {{ form.endTime }}\n      </el-form-item>\n      <el-form-item label=\"总缓存容量：\">\n        {{ form.blacklist }}\n      </el-form-item>\n      <el-form-item label=\"高速缓存启动：\">\n        {{ form.autograph }}\n      </el-form-item>\n      <el-form-item label=\"高速缓存结束：\">\n        {{ form.version }}\n      </el-form-item>\n      <el-form-item label=\"缓存中的第一条线索：\">\n        {{ form.version }}\n      </el-form-item>\n      <el-form-item label=\"缓存中的第最后一条线索：\">\n        {{ form.version }}\n      </el-form-item>\n       <el-form-item label=\"上次自动保存时间戳：\">\n        {{ form.version }}\n      </el-form-item>\n    </el-form> -->\n    <el-descriptions title=\"洞察同步\"  :column=\"5\" border>\n          <el-descriptions-item label=\"上次同步时间戳\"> {{ form.name1 }}</el-descriptions-item>\n          <el-descriptions-item label=\"同步上次评估数据的差异\">{{ form.name2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"同步上次图像数据的差异\">{{ form.state }}</el-descriptions-item>\n      </el-descriptions> \n   <!-- <h3>洞察同步</h3> -->\n    <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"上次同步时间戳：\">\n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"同步上次评估数据的差异：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"同步上次图像数据的差异：\">\n        {{ form.startTime }}\n      </el-form-item>\n    </el-form> -->\n    <el-button @click=\"showUpdateCertificate = true\" type=\"primary\" style=\"margin-top:15px\">更新证书</el-button>\n\n    <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\n      <el-row>\n        <el-col :span=\"6\">\n          文件选择：\n        </el-col>\n        <el-col :span=\"18\">\n          <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\n          </el-upload>\n        </el-col>\n      </el-row>\n\n      <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\n      </span>\n    </el-dialog>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/39a947f82f9b613d1ba015e5966f58fd.json b/node_modules/.cache/vue-loader/39a947f82f9b613d1ba015e5966f58fd.json
new file mode 100644
index 00000000..2bdd0f26
--- /dev/null
+++ b/node_modules/.cache/vue-loader/39a947f82f9b613d1ba015e5966f58fd.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&\"\nimport script from \"./StateOperation.vue?vue&type=script&lang=js&\"\nexport * from \"./StateOperation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StateOperation.vue?vue&type=style&index=0&id=48ceb990&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"48ceb990\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('48ceb990')) {\n      api.createRecord('48ceb990', component.options)\n    } else {\n      api.reload('48ceb990', component.options)\n    }\n    module.hot.accept(\"./StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&\", function () {\n      api.rerender('48ceb990', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/StateOperation.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/39d094b33d12f4cff30e844b50ffa61c.json b/node_modules/.cache/vue-loader/39d094b33d12f4cff30e844b50ffa61c.json
new file mode 100644
index 00000000..a4c92596
--- /dev/null
+++ b/node_modules/.cache/vue-loader/39d094b33d12f4cff30e844b50ffa61c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue?vue&type=template&id=0b168c30&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue","mtime":1673232721952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 5 </p>\r\n    <div class=\"test-div\">\r\n      <el-tag effect=\"dark\">标签一</el-tag>\r\n      <el-tag type=\"success\">标签二</el-tag>\r\n      <el-tag type=\"info\">标签三</el-tag>\r\n      <el-tag type=\"warning\" effect=\"dark\">标签四</el-tag>\r\n      <el-tag type=\"danger\" effect=\"dark\">标签五</el-tag>\r\n    </div>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3a0284f9590669dc5a3333e1d439d18a.json b/node_modules/.cache/vue-loader/3a0284f9590669dc5a3333e1d439d18a.json
new file mode 100644
index 00000000..e71e36f4
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3a0284f9590669dc5a3333e1d439d18a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue","mtime":1673318357048},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  拥堵组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3a82e3eb88f5ef8a2996b387e9e29f6f.json b/node_modules/.cache/vue-loader/3a82e3eb88f5ef8a2996b387e9e29f6f.json
new file mode 100644
index 00000000..ad81df9c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3a82e3eb88f5ef8a2996b387e9e29f6f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=96b2000a&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('96b2000a')) {\n      api.createRecord('96b2000a', component.options)\n    } else {\n      api.reload('96b2000a', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=96b2000a&\", function () {\n      api.rerender('96b2000a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test1/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3ad53804c256c51f2566a490bcc731eb.json b/node_modules/.cache/vue-loader/3ad53804c256c51f2566a490bcc731eb.json
index 2930145f..844577fe 100644
--- a/node_modules/.cache/vue-loader/3ad53804c256c51f2566a490bcc731eb.json
+++ b/node_modules/.cache/vue-loader/3ad53804c256c51f2566a490bcc731eb.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3ae1358de917ff44c4b7fb4100e91671.json b/node_modules/.cache/vue-loader/3ae1358de917ff44c4b7fb4100e91671.json
index 7b0b103c..bfb9b88c 100644
--- a/node_modules/.cache/vue-loader/3ae1358de917ff44c4b7fb4100e91671.json
+++ b/node_modules/.cache/vue-loader/3ae1358de917ff44c4b7fb4100e91671.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673319660838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3b7393db75d5a666430f9e56f699af3b.json b/node_modules/.cache/vue-loader/3b7393db75d5a666430f9e56f699af3b.json
new file mode 100644
index 00000000..9e9b7adb
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3b7393db75d5a666430f9e56f699af3b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue?vue&type=template&id=51bec931&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主题页面 3 - 2</p>\r\n    <div class=\"test-div\">\r\n      <el-alert\r\n        title=\"成功提示的文案\"\r\n        type=\"success\"\r\n        :closable=\"false\"\r\n        center\r\n        show-icon>\r\n      </el-alert>\r\n      <el-alert\r\n        title=\"消息提示的文案\"\r\n        type=\"info\"\r\n        show-icon>\r\n      </el-alert>\r\n      <el-alert\r\n        title=\"警告提示的文案\"\r\n        type=\"warning\"\r\n        close-text=\"好的\">\r\n      </el-alert>\r\n      <el-alert\r\n        title=\"错误提示的文案\"\r\n        type=\"error\"\r\n        description=\"文字说明文字说明文字说明文字说明文字说明文字说明\"\r\n        show-icon>\r\n      </el-alert>\r\n    </div>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3b9d08d4325e022afa093f1658ba8f0f.json b/node_modules/.cache/vue-loader/3b9d08d4325e022afa093f1658ba8f0f.json
new file mode 100644
index 00000000..8f1c2dca
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3b9d08d4325e022afa093f1658ba8f0f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue","mtime":1673516017952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 类型组件</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <barChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <barChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <barChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <pieChart :pageType=\"pageType\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3c2d499e0fb104315d952cca942c9e90.json b/node_modules/.cache/vue-loader/3c2d499e0fb104315d952cca942c9e90.json
new file mode 100644
index 00000000..ac15a45b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3c2d499e0fb104315d952cca942c9e90.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [\r\n        { path: 'test2-1', title: '二级菜单2-1' },\r\n        { path: 'test2-2', title: '二级菜单2-2' },\r\n        { path: 'test2-3', title: '二级菜单2-3' }\r\n      ]\r\n    }\r\n  },\r\n}\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/page/test2","sourcesContent":["<template>\r\n  <div>\r\n\r\n    <el-aside>\r\n      <SideMenu :itemList='itemList'></SideMenu>\r\n    </el-aside>\r\n    <el-main>\r\n      <router-view></router-view>\r\n    </el-main>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [\r\n        { path: 'test2-1', title: '二级菜单2-1' },\r\n        { path: 'test2-2', title: '二级菜单2-2' },\r\n        { path: 'test2-3', title: '二级菜单2-3' }\r\n      ]\r\n    }\r\n  },\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3c430389eb2b109ba44f4ba444f2620b.json b/node_modules/.cache/vue-loader/3c430389eb2b109ba44f4ba444f2620b.json
new file mode 100644
index 00000000..e77794c5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3c430389eb2b109ba44f4ba444f2620b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"全局设置\")]),\n        _c(\n          \"el-form\",\n          { attrs: { \"label-position\": \"left\", \"label-width\": \"180px\" } },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"视频接入上限：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { min: 1, size: \"mini\", max: 8 },\n                  on: { change: _vm.handleChangeVideoNumber },\n                  model: {\n                    value: _vm.videoNumber,\n                    callback: function($$v) {\n                      _vm.videoNumber = $$v\n                    },\n                    expression: \"videoNumber\"\n                  }\n                }),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\"范围1-8、默认6\\n      \")\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"跳帧设置：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { size: \"mini\" },\n                  on: { change: _vm.handleChange },\n                  model: {\n                    value: _vm.FPS,\n                    callback: function($$v) {\n                      _vm.FPS = $$v\n                    },\n                    expression: \"FPS\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\"el-form-item\", { attrs: { label: \"默认取值：\" } })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3d0f068b2b992fc115e54a1ee23d1a7d.json b/node_modules/.cache/vue-loader/3d0f068b2b992fc115e54a1ee23d1a7d.json
new file mode 100644
index 00000000..abbbc995
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3d0f068b2b992fc115e54a1ee23d1a7d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\"\nimport script from \"./Whole.vue?vue&type=script&lang=js&\"\nexport * from \"./Whole.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Whole.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"39ed39fa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('39ed39fa')) {\n      api.createRecord('39ed39fa', component.options)\n    } else {\n      api.reload('39ed39fa', component.options)\n    }\n    module.hot.accept(\"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\", function () {\n      api.rerender('39ed39fa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/common/Whole.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3d5b9785a4aaf8b0b9305fcfca4e58fb.json b/node_modules/.cache/vue-loader/3d5b9785a4aaf8b0b9305fcfca4e58fb.json
new file mode 100644
index 00000000..50987bd7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3d5b9785a4aaf8b0b9305fcfca4e58fb.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test1-4.vue?vue&type=template&id=0b0874af&\"\nimport script from \"./test1-4.vue?vue&type=script&lang=js&\"\nexport * from \"./test1-4.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0b0874af')) {\n      api.createRecord('0b0874af', component.options)\n    } else {\n      api.reload('0b0874af', component.options)\n    }\n    module.hot.accept(\"./test1-4.vue?vue&type=template&id=0b0874af&\", function () {\n      api.rerender('0b0874af', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test1/test1-4.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3d8073fb8b21785e686e19b3e379b775.json b/node_modules/.cache/vue-loader/3d8073fb8b21785e686e19b3e379b775.json
index 60bbfbea..a35ffd04 100644
--- a/node_modules/.cache/vue-loader/3d8073fb8b21785e686e19b3e379b775.json
+++ b/node_modules/.cache/vue-loader/3d8073fb8b21785e686e19b3e379b775.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673257811148},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\"\nimport script from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77578181\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('77578181')) {\n      api.createRecord('77578181', component.options)\n    } else {\n      api.reload('77578181', component.options)\n    }\n    module.hot.accept(\"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\", function () {\n      api.rerender('77578181', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/lineUpChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\"\nimport script from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77578181\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('77578181')) {\n      api.createRecord('77578181', component.options)\n    } else {\n      api.reload('77578181', component.options)\n    }\n    module.hot.accept(\"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\", function () {\n      api.rerender('77578181', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/lineUpChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3d8d0f0a9ed2264dd3c470387525c6c3.json b/node_modules/.cache/vue-loader/3d8d0f0a9ed2264dd3c470387525c6c3.json
index 75fa0262..5dd9d213 100644
--- a/node_modules/.cache/vue-loader/3d8d0f0a9ed2264dd3c470387525c6c3.json
+++ b/node_modules/.cache/vue-loader/3d8d0f0a9ed2264dd3c470387525c6c3.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\"\nimport script from \"./globalSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./globalSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./globalSettings.vue?vue&type=style&index=0&id=84ec604e&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84ec604e\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84ec604e')) {\n      api.createRecord('84ec604e', component.options)\n    } else {\n      api.reload('84ec604e', component.options)\n    }\n    module.hot.accept(\"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\", function () {\n      api.rerender('84ec604e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/globalSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\"\nimport script from \"./globalSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./globalSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./globalSettings.vue?vue&type=style&index=0&id=84ec604e&scoped=true&lang=css&\"\nimport style1 from \"./globalSettings.vue?vue&type=style&index=1&id=84ec604e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84ec604e\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84ec604e')) {\n      api.createRecord('84ec604e', component.options)\n    } else {\n      api.reload('84ec604e', component.options)\n    }\n    module.hot.accept(\"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\", function () {\n      api.rerender('84ec604e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/globalSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3d949813b79867fbc1cb2d6477273731.json b/node_modules/.cache/vue-loader/3d949813b79867fbc1cb2d6477273731.json
new file mode 100644
index 00000000..f100316b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3d949813b79867fbc1cb2d6477273731.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./avgChart.vue?vue&type=template&id=1027cecd&\"\nimport script from \"./avgChart.vue?vue&type=script&lang=js&\"\nexport * from \"./avgChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1027cecd')) {\n      api.createRecord('1027cecd', component.options)\n    } else {\n      api.reload('1027cecd', component.options)\n    }\n    module.hot.accept(\"./avgChart.vue?vue&type=template&id=1027cecd&\", function () {\n      api.rerender('1027cecd', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/avgChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3d9f90c0925d36cb366edc4482a16b69.json b/node_modules/.cache/vue-loader/3d9f90c0925d36cb366edc4482a16b69.json
new file mode 100644
index 00000000..f3341271
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3d9f90c0925d36cb366edc4482a16b69.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673345291555},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAo8BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"UTM区：\" v-if=\"coordinateForm.coordinateClose == true\" class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"10\"></el-input-number>\r\n                                <div class=\"warning\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"item in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '0',\r\n              label: '南'\r\n            }, {\r\n              value: '1',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3db42fcf94717b253cc297ea560d3208.json b/node_modules/.cache/vue-loader/3db42fcf94717b253cc297ea560d3208.json
new file mode 100644
index 00000000..c83acd56
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3db42fcf94717b253cc297ea560d3208.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div ref=\"box\" class=\"box\" style=\"height: 100vh\">\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n    <!-- 01断面 -->\n    <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\n        <div class=\"plate1\">\n            <div class=\"section\" ref=\"section\">\n                <div ref=\"sectionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title1 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count2==true?'upActive':'active'\"  @click=\"sectionHandle()\" ></span>\n                    </div>\n                    <typeChart :pageType=\"'断面'\" triggerType=\"触发\"/>\n                    <speedChart :pageType=\"'断面'\" triggerType=\"触发\" />\n                    <flowChart :pageType=\"'断面'\" triggerType=\"触发\" />\n                    <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" />\n                    <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\n                    <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\n                    <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\n                </div>\n            </div>\n\n            \n        </div>\n\n        <!-- 区域 -->\n        <div class=\"plate2\">\n            <div class=\"region\" ref=\"region\">\n                <div ref=\"regionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title2 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count1==true?'upActive':'active'\" @click=\"regionHandle()\"></span>\n                    </div>\n                    <OD pageType=\"区域\" triggerType=\"触发\"/>\n                    <speedChart pageType=\"区域\" triggerType=\"触发\" />\n                    <flowChart pageType=\"区域\" triggerType=\"周期统计\" />\n                    \n                    <lineUpChart pageType=\"区域\" triggerType=\"触发\" />\n                    <checkChart pageType=\"区域\" triggerType=\"周期时刻\" />\n                    <delayChart pageType=\"区域\" triggerType=\"周期统计\" />\n                    <congestionChart pageType=\"区域\" triggerType=\"周期统计\" />\n                    <headWayChart pageType=\"区域\" triggerType=\"周期统计\" />\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <!-- 详情框 -->\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3dede4b926af8af621ec4b1dea41b7a3.json b/node_modules/.cache/vue-loader/3dede4b926af8af621ec4b1dea41b7a3.json
new file mode 100644
index 00000000..f02b0eb1
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3dede4b926af8af621ec4b1dea41b7a3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673592982569},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '拥堵组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '拥堵组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3e94a8bf7607967382d8b28ab0384749.json b/node_modules/.cache/vue-loader/3e94a8bf7607967382d8b28ab0384749.json
index a905f084..abbbc995 100644
--- a/node_modules/.cache/vue-loader/3e94a8bf7607967382d8b28ab0384749.json
+++ b/node_modules/.cache/vue-loader/3e94a8bf7607967382d8b28ab0384749.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\"\nimport script from \"./Whole.vue?vue&type=script&lang=js&\"\nexport * from \"./Whole.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Whole.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"39ed39fa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('39ed39fa')) {\n      api.createRecord('39ed39fa', component.options)\n    } else {\n      api.reload('39ed39fa', component.options)\n    }\n    module.hot.accept(\"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\", function () {\n      api.rerender('39ed39fa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/common/Whole.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\"\nimport script from \"./Whole.vue?vue&type=script&lang=js&\"\nexport * from \"./Whole.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Whole.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"39ed39fa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('39ed39fa')) {\n      api.createRecord('39ed39fa', component.options)\n    } else {\n      api.reload('39ed39fa', component.options)\n    }\n    module.hot.accept(\"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\", function () {\n      api.rerender('39ed39fa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/common/Whole.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3eacaabfd3cf5e6a5192143c5744b19b.json b/node_modules/.cache/vue-loader/3eacaabfd3cf5e6a5192143c5744b19b.json
new file mode 100644
index 00000000..f173ee87
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3eacaabfd3cf5e6a5192143c5744b19b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"navMenu\" },\n    [\n      _c(\n        \"el-menu\",\n        {\n          staticClass: \"el-menu-vertical-demo\",\n          attrs: {\n            router: \"\",\n            \"default-active\": _vm.defaultActive,\n            \"text-color\": \"#fff\",\n            \"active-text-color\": \"#ffd04b\"\n          }\n        },\n        [_c(\"menu-tree\", { attrs: { menuNavList: _vm.navMenus } })],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3f3a0f9c9caabfc616efa946bb6079e5.json b/node_modules/.cache/vue-loader/3f3a0f9c9caabfc616efa946bb6079e5.json
new file mode 100644
index 00000000..30808198
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3f3a0f9c9caabfc616efa946bb6079e5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Permission.vue?vue&type=template&id=03db3326&scoped=true&\"\nimport script from \"./Permission.vue?vue&type=script&lang=js&\"\nexport * from \"./Permission.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Permission.vue?vue&type=style&index=0&id=03db3326&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03db3326\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('03db3326')) {\n      api.createRecord('03db3326', component.options)\n    } else {\n      api.reload('03db3326', component.options)\n    }\n    module.hot.accept(\"./Permission.vue?vue&type=template&id=03db3326&scoped=true&\", function () {\n      api.rerender('03db3326', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/Permission.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3fb24bdd8c062f596609a9ec8df507d4.json b/node_modules/.cache/vue-loader/3fb24bdd8c062f596609a9ec8df507d4.json
new file mode 100644
index 00000000..cff57e31
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3fb24bdd8c062f596609a9ec8df507d4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue","mtime":1673493935674},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            // xData: [],\r\n            // yData: [],\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n                        data: this.list.map((value) => {\r\n                            return value.type;\r\n                        })\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '速度',\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.list.map((value) => {\r\n                            return value.speed;\r\n                        })\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            // xData: [],\r\n            // yData: [],\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n                        data: this.list.map((value) => {\r\n                            return value.type;\r\n                        })\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '速度',\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.list.map((value) => {\r\n                            return value.speed;\r\n                        })\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3fd23c4e8e7df51d310f9d49498c0911.json b/node_modules/.cache/vue-loader/3fd23c4e8e7df51d310f9d49498c0911.json
new file mode 100644
index 00000000..867ad630
--- /dev/null
+++ b/node_modules/.cache/vue-loader/3fd23c4e8e7df51d310f9d49498c0911.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexport default {\n    props: ['menuNavList'],\n    name: 'MenuTree',\n}\n",{"version":3,"sources":["sideBarCommon.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA;AACA;AACA;AACA","file":"sideBarCommon.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["\r\n<template>\r\n    <div>\r\n        <template v-for=\"navMenu in this.menuNavList\">\r\n                <el-menu-item v-if=\"!navMenu.children\" :index=\"navMenu.path\" :route=\"navMenu.path\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span slot=\"title\">{{ navMenu.title }}</span>\r\n                </el-menu-item>\r\n                <el-submenu v-if=\"navMenu.children\" :key=\"navMenu.path\" :index=\"navMenu.path\">\r\n                    <template slot=\"title\">\r\n                        <i :class=\"navMenu.icon\"></i>\r\n                        <span> {{ navMenu.title }}</span>\r\n                    </template>\r\n                    <menu-tree :menuNavList=\"navMenu.children\"></menu-tree>\r\n                    <!-- <nav-menu :navMenus=\"navMenu.children\"></nav-menu> -->\r\n                </el-submenu>\r\n        </template>\r\n    </div>\r\n</template>\r\n \r\n<script>\r\n    export default {\r\n        props: ['menuNavList'],\r\n        name: 'MenuTree',\r\n    }\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/404b7f421794091d68bbd7277183126d.json b/node_modules/.cache/vue-loader/404b7f421794091d68bbd7277183126d.json
index 8dd91cd9..ad74e0d1 100644
--- a/node_modules/.cache/vue-loader/404b7f421794091d68bbd7277183126d.json
+++ b/node_modules/.cache/vue-loader/404b7f421794091d68bbd7277183126d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673579698759},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/407d379208951187bdbf5a31be406230.json b/node_modules/.cache/vue-loader/407d379208951187bdbf5a31be406230.json
new file mode 100644
index 00000000..50fc161b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/407d379208951187bdbf5a31be406230.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue","mtime":1673516017952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2LA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 类型组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <pieChart :pageType=\"pageType\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/40afa231d3ca7695bc91ae7ef74d431f.json b/node_modules/.cache/vue-loader/40afa231d3ca7695bc91ae7ef74d431f.json
new file mode 100644
index 00000000..102b25e0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/40afa231d3ca7695bc91ae7ef74d431f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue?vue&type=style&index=0&id=386da402&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["IPSetting.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"IPSetting.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">FTP设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"110px\" style=\"width:50%\">\r\n        <el-form-item label=\"账号：\">\r\n          <el-input placeholder=\"请输入账号名\" v-model=\"form.ComponentPropsname\" clearable></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"密码：\">\r\n          <el-input placeholder=\"请输入密码\" v-model=\"form.password\" show-password></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"FTP：\">\r\n          <el-input placeholder=\"请输入账号名\" v-model=\"form.FTP\" clearable></el-input>\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button type=\"primary\" @cilck=\"Submit\">修改</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: '',\r\n        password: '',\r\n        FTP: '',\r\n      }\r\n    }\r\n  },\r\n  methods:{\r\n    Submit() {\r\n      this.form;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/40b620fd8f71e4bf31617a748107efca.json b/node_modules/.cache/vue-loader/40b620fd8f71e4bf31617a748107efca.json
new file mode 100644
index 00000000..465ef120
--- /dev/null
+++ b/node_modules/.cache/vue-loader/40b620fd8f71e4bf31617a748107efca.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      radio: 1\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["test1-3.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA","file":"test1-3.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 3 </p>\r\n    <div class=\"test-div\">\r\n      <el-radio-group v-model=\"radio\">\r\n        <el-radio :label=\"1\">选项一</el-radio>\r\n        <el-radio :label=\"2\">选项二</el-radio>\r\n        <el-radio :label=\"3\">选项三</el-radio>\r\n      </el-radio-group>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      radio: 1\r\n    }\r\n  }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/41178a927be8b5319596177d1760cf89.json b/node_modules/.cache/vue-loader/41178a927be8b5319596177d1760cf89.json
new file mode 100644
index 00000000..5c577396
--- /dev/null
+++ b/node_modules/.cache/vue-loader/41178a927be8b5319596177d1760cf89.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./UDPServiceSettings.vue?vue&type=template&id=3fb0550a&\"\nimport script from \"./UDPServiceSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./UDPServiceSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UDPServiceSettings.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3fb0550a')) {\n      api.createRecord('3fb0550a', component.options)\n    } else {\n      api.reload('3fb0550a', component.options)\n    }\n    module.hot.accept(\"./UDPServiceSettings.vue?vue&type=template&id=3fb0550a&\", function () {\n      api.rerender('3fb0550a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/UDPServiceSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4160eb5436bbfa68aa6f4c836c99908e.json b/node_modules/.cache/vue-loader/4160eb5436bbfa68aa6f4c836c99908e.json
new file mode 100644
index 00000000..a87e7c0e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4160eb5436bbfa68aa6f4c836c99908e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=template&id=3b05fefa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", [_vm._v(\"系统服务VPN\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"状态：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"YES\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"操作：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"primary\", size: \"small\" }\n                      },\n                      [_vm._v(\"开始\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"danger\", size: \"small\" }\n                      },\n                      [_vm._v(\"停止\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 2 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"info\", size: \"small\" }\n                      },\n                      [_vm._v(\"显示日志\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"保护装置\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置文件：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"上传\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"选择文件\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置上载：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"red\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"NO\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"开放VPN\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置文件：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"上传\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"选择文件\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置上载：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"red\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"NO\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"资格证书\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"操作：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"设置凭据\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/41e29bc8abf4e87d6db490a3f650b9a2.json b/node_modules/.cache/vue-loader/41e29bc8abf4e87d6db490a3f650b9a2.json
new file mode 100644
index 00000000..132ce917
--- /dev/null
+++ b/node_modules/.cache/vue-loader/41e29bc8abf4e87d6db490a3f650b9a2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\403.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./403.vue?vue&type=template&id=bf5ea1e0&scoped=true&\"\nimport script from \"./403.vue?vue&type=script&lang=js&\"\nexport * from \"./403.vue?vue&type=script&lang=js&\"\nimport style0 from \"./403.vue?vue&type=style&index=0&id=bf5ea1e0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bf5ea1e0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('bf5ea1e0')) {\n      api.createRecord('bf5ea1e0', component.options)\n    } else {\n      api.reload('bf5ea1e0', component.options)\n    }\n    module.hot.accept(\"./403.vue?vue&type=template&id=bf5ea1e0&scoped=true&\", function () {\n      api.rerender('bf5ea1e0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/403.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/421c6f32b207472c41123f308dfbed8f.json b/node_modules/.cache/vue-loader/421c6f32b207472c41123f308dfbed8f.json
new file mode 100644
index 00000000..e8962ccd
--- /dev/null
+++ b/node_modules/.cache/vue-loader/421c6f32b207472c41123f308dfbed8f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue?vue&type=template&id=bddbd6ca&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">健康检测 </p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n\n    <h3>网络状态</h3>\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"200px\" style=\"width:50%\">\n      <el-form-item label=\"检查网络服务的状态：\">\n        <div class=\"state\">\n          <div class=\"Badge\" style=\"background-color: pink;\"></div>\n          <span>忙碌</span>\n        </div>\n      </el-form-item>\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4278504b8bb3396a57342efaa314fca5.json b/node_modules/.cache/vue-loader/4278504b8bb3396a57342efaa314fca5.json
new file mode 100644
index 00000000..5120c07d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4278504b8bb3396a57342efaa314fca5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AboutMachine.vue?vue&type=template&id=ecdd0f0a&scoped=true&\"\nimport script from \"./AboutMachine.vue?vue&type=script&lang=js&\"\nexport * from \"./AboutMachine.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AboutMachine.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./AboutMachine.vue?vue&type=style&index=1&id=ecdd0f0a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ecdd0f0a\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('ecdd0f0a')) {\n      api.createRecord('ecdd0f0a', component.options)\n    } else {\n      api.reload('ecdd0f0a', component.options)\n    }\n    module.hot.accept(\"./AboutMachine.vue?vue&type=template&id=ecdd0f0a&scoped=true&\", function () {\n      api.rerender('ecdd0f0a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/AboutMachine.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/42bdb31be0d1df3549c59c455c1d0110.json b/node_modules/.cache/vue-loader/42bdb31be0d1df3549c59c455c1d0110.json
new file mode 100644
index 00000000..06a73091
--- /dev/null
+++ b/node_modules/.cache/vue-loader/42bdb31be0d1df3549c59c455c1d0110.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue?vue&type=template&id=e5ed2546&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"界面\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"界面：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择\" },\n                        model: {\n                          value: _vm.sizeForm.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.sizeForm, \"name\", $$v)\n                          },\n                          expression: \"sizeForm.name\"\n                        }\n                      },\n                      _vm._l(_vm.options, function(item) {\n                        return _c(\"el-option\", {\n                          key: item.value,\n                          attrs: { label: item.label, value: item.value }\n                        })\n                      }),\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"MAC地址：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.region,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"region\", $$v)\n                        },\n                        expression: \"sizeForm.region\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"MTU：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.region,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"region\", $$v)\n                        },\n                        expression: \"sizeForm.region\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"运行状态\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"YES\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"连接：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"接通\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"IPV4\")]),\n            _c(\n              \"el-table\",\n              {\n                staticStyle: { width: \"95%\" },\n                attrs: { data: _vm.tableData, border: \"\" }\n              },\n              [\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"address\", label: \"地址\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.address,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"address\", $$v)\n                              },\n                              expression: \"scope.row.address\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"agreement\", label: \"协议\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.agreement,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"agreement\", $$v)\n                              },\n                              expression: \"scope.row.agreement\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"Range\", label: \"范围\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择\" },\n                              on: {\n                                change: function($event) {\n                                  return _vm.changeVal(scope.row, scope.$index)\n                                }\n                              },\n                              model: {\n                                value: scope.row.Range,\n                                callback: function($$v) {\n                                  _vm.$set(scope.row, \"Range\", $$v)\n                                },\n                                expression: \"scope.row.Range\"\n                              }\n                            },\n                            _vm._l(_vm.optionsa, function(item) {\n                              return _c(\"el-option\", {\n                                key: item.value,\n                                attrs: { label: item.label, value: item.value }\n                              })\n                            }),\n                            1\n                          )\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { prop: \"term\", label: \"期限\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\"el-input\", {\n                            on: {\n                              change: function($event) {\n                                return _vm.changeVal(scope.row, scope.$index)\n                              }\n                            },\n                            model: {\n                              value: scope.row.term,\n                              callback: function($$v) {\n                                _vm.$set(scope.row, \"term\", $$v)\n                              },\n                              expression: \"scope.row.term\"\n                            }\n                          })\n                        ]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { fixed: \"right\", label: \"操作\", width: \"350\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\n                            \"el-button\",\n                            {\n                              attrs: {\n                                type: \"primary\",\n                                disabled: scope.row.disabled,\n                                size: \"small\"\n                              },\n                              on: {\n                                click: function($event) {\n                                  return _vm.handleClick(scope.row)\n                                }\n                              }\n                            },\n                            [_vm._v(\"确认\")]\n                          )\n                        ]\n                      }\n                    }\n                  ])\n                })\n              ],\n              1\n            ),\n            _c(\n              \"p\",\n              { staticClass: \"title\", staticStyle: { \"margin-top\": \"10px\" } },\n              [_vm._v(\"DHCP\")]\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"启用：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"el-switch\", {\n                      attrs: {\n                        \"active-color\": \"#13ce66\",\n                        \"inactive-color\": \"#ff4949\"\n                      },\n                      model: {\n                        value: _vm.sizeForm.desc,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"desc\", $$v)\n                        },\n                        expression: \"sizeForm.desc\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"网关：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.gateway,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"gateway\", $$v)\n                        },\n                        expression: \"sizeForm.gateway\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"分配IP：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 6 } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.sizeForm.ip,\n                        callback: function($$v) {\n                          _vm.$set(_vm.sizeForm, \"ip\", $$v)\n                        },\n                        expression: \"sizeForm.ip\"\n                      }\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _vm.sizeForm.desc == true\n              ? _c(\n                  \"div\",\n                  { staticStyle: { width: \"100%\" } },\n                  [\n                    _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"静态地址\")]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP1：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip1,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip1\", $$v)\n                                },\n                                expression: \"sizeForm.ip1\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP2：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip2,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip2\", $$v)\n                                },\n                                expression: \"sizeForm.ip2\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP3：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip3,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip3\", $$v)\n                                },\n                                expression: \"sizeForm.ip3\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"IP4：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.ip4,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"ip4\", $$v)\n                                },\n                                expression: \"sizeForm.ip4\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"静态路由\")]),\n                    _c(\n                      \"el-table\",\n                      {\n                        staticStyle: { width: \"95%\" },\n                        attrs: { data: _vm.tableRouter, border: \"\" }\n                      },\n                      [\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"name\", label: \"名称\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.name,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"name\", $$v)\n                                        },\n                                        expression: \"scope.row.name\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1116474992\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"target\", label: \"目标\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.target,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"target\", $$v)\n                                        },\n                                        expression: \"scope.row.target\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1296719846\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"Range\", label: \"范围\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.Range,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"Range\", $$v)\n                                        },\n                                        expression: \"scope.row.Range\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1655776360\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: { prop: \"metric\", label: \"metric\" },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      on: {\n                                        change: function($event) {\n                                          return _vm.changeValT(\n                                            scope.row,\n                                            scope.$index\n                                          )\n                                        }\n                                      },\n                                      model: {\n                                        value: scope.row.metric,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"metric\", $$v)\n                                        },\n                                        expression: \"scope.row.metric\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1517525235\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            fixed: \"right\",\n                            label: \"操作\",\n                            width: \"350\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        attrs: {\n                                          type: \"primary\",\n                                          disabled: scope.row.disabled,\n                                          size: \"small\"\n                                        },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleClick(scope.row)\n                                          }\n                                        }\n                                      },\n                                      [_vm._v(\"确认\")]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            815860820\n                          )\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"p\",\n                      {\n                        staticClass: \"title\",\n                        staticStyle: { \"margin-top\": \"10px\" }\n                      },\n                      [_vm._v(\"DNS服务\")]\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS1：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns1,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns1\", $$v)\n                                },\n                                expression: \"sizeForm.dns1\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS2：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns2,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns2\", $$v)\n                                },\n                                expression: \"sizeForm.dns2\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"DNS3：\" } },\n                      [\n                        _c(\n                          \"el-col\",\n                          { attrs: { span: 6 } },\n                          [\n                            _c(\"el-input\", {\n                              model: {\n                                value: _vm.sizeForm.dns3,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.sizeForm, \"dns3\", $$v)\n                                },\n                                expression: \"sizeForm.dns3\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/430c7c17fbe1d110b17bf5180f1b4a42.json b/node_modules/.cache/vue-loader/430c7c17fbe1d110b17bf5180f1b4a42.json
new file mode 100644
index 00000000..f83184cf
--- /dev/null
+++ b/node_modules/.cache/vue-loader/430c7c17fbe1d110b17bf5180f1b4a42.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <!-- 触发 -->\n     <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\n        <el-table-column align=\"center\" prop=\"type\" label=\"视频路\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"carNumber\" label=\"目标编号\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='event' label=\"车牌\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"监测触发事件\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"车道\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\n    </el-table>\n    <!-- 周期时刻 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\n        <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\n    </el-table>\n    <!-- 周期统计 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\n        <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\n    </el-table>\n\n\n\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                </el-time-select>\n                <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select>\n                    <el-option>\n\n                    </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" >确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4342ab7e663d1bd9cff56bff8a7d8063.json b/node_modules/.cache/vue-loader/4342ab7e663d1bd9cff56bff8a7d8063.json
new file mode 100644
index 00000000..a34fbd2f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4342ab7e663d1bd9cff56bff8a7d8063.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n}\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n  <div>\r\n    \r\n    <!-- 一级菜单下面所拥有的二级菜单 -->\r\n    <!-- <el-aside style=\"width:12%\" class=\"aside\">\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside>  -->\r\n    <!-- 以及二级菜单所对应的页面 -->\r\n    <el-main>\r\n      <router-view></router-view>\r\n    </el-main>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n        leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-user-solid',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                            // icon : 'el-icon-s-goods',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : require('@/assets/img/xtsz.png'),\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    // icon : 'el-icon-s-goods',\r\n                },\r\n                \r\n            ],\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n.aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/439ce1382e6b882d352ea76fde62fc6c.json b/node_modules/.cache/vue-loader/439ce1382e6b882d352ea76fde62fc6c.json
new file mode 100644
index 00000000..d2afab4d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/439ce1382e6b882d352ea76fde62fc6c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue?vue&type=template&id=96b2000a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n  \n  <!-- 一级菜单下面所拥有的二级菜单 -->\n  <!-- <el-aside style=\"width:12%\" class=\"aside\">\n    <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n  </el-aside>  -->\n  <!-- 以及二级菜单所对应的页面 -->\n  <el-main>\n    <router-view></router-view>\n  </el-main>\n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/43b0980f917bde6b3071caef3f75b6fa.json b/node_modules/.cache/vue-loader/43b0980f917bde6b3071caef3f75b6fa.json
index 03b00ee9..5f00e201 100644
--- a/node_modules/.cache/vue-loader/43b0980f917bde6b3071caef3f75b6fa.json
+++ b/node_modules/.cache/vue-loader/43b0980f917bde6b3071caef3f75b6fa.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id) {\r\n        this.$router.push({path:'index',query: {id:id}})\r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n.btn{\n    position: absolute;\n    right: 10%;\n    bottom: 18%;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/44328acf17a70c8364e7f58269d02f36.json b/node_modules/.cache/vue-loader/44328acf17a70c8364e7f58269d02f36.json
new file mode 100644
index 00000000..b9b99bb8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/44328acf17a70c8364e7f58269d02f36.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./network.vue?vue&type=template&id=e5ed2546&scoped=true&\"\nimport script from \"./network.vue?vue&type=script&lang=js&\"\nexport * from \"./network.vue?vue&type=script&lang=js&\"\nimport style0 from \"./network.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./network.vue?vue&type=style&index=1&id=e5ed2546&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e5ed2546\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('e5ed2546')) {\n      api.createRecord('e5ed2546', component.options)\n    } else {\n      api.reload('e5ed2546', component.options)\n    }\n    module.hot.accept(\"./network.vue?vue&type=template&id=e5ed2546&scoped=true&\", function () {\n      api.rerender('e5ed2546', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/network.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/445956517eca7bbc7a13b02e3f983446.json b/node_modules/.cache/vue-loader/445956517eca7bbc7a13b02e3f983446.json
new file mode 100644
index 00000000..27d7401d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/445956517eca7bbc7a13b02e3f983446.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\404.vue?vue&type=template&id=bf4272de&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"error-page\">\n  <div class=\"error-code\">4<span>0</span>4</div>\n  <div class=\"error-desc\">啊哦~ 你所访问的页面不存在</div>\n  <div class=\"error-handle\">\n    <router-link to=\"/\">\n      <el-button type=\"primary\" size=\"large\">返回首页</el-button>\n    </router-link>\n    <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/446dd02230c2d8029a4d56f9096370c5.json b/node_modules/.cache/vue-loader/446dd02230c2d8029a4d56f9096370c5.json
new file mode 100644
index 00000000..6069a349
--- /dev/null
+++ b/node_modules/.cache/vue-loader/446dd02230c2d8029a4d56f9096370c5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\I18n.vue?vue&type=template&id=d51955fc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<section class=\"main\">\n  <div class=\"crumbs\">\n    <el-breadcrumb separator=\"/\">\n      <el-breadcrumb-item>{{ $t('i18n.breadcrumb') }}</el-breadcrumb-item>\n    </el-breadcrumb>\n  </div>\n  <div class=\"container\">\n    <span>{{ $t('i18n.tips') }}</span>\n    <el-button type=\"primary\" @click=\"$i18n.locale = $i18n.locale === 'zh' ? 'en' : 'zh'\">{{ $t('i18n.btn') }}</el-button>\n    <div class=\"list\">\n      <h2>{{ $t('i18n.title1') }}</h2>\n      <p>{{ $t('i18n.p1') }}</p>\n      <p>{{ $t('i18n.p2') }}</p>\n      <p>{{ $t('i18n.p3') }}</p>\n    </div>\n    <h2>{{ $t('i18n.title2') }}</h2>\n    <div>\n      <i18n path=\"i18n.info\" tag=\"p\">\n        <a place=\"action\" href=\"https://element.eleme.cn/2.0/#/zh-CN/component/i18n\">{{ $t('i18n.value') }}</a>\n      </i18n>\n    </div>\n  </div>\n</section>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/45a2dacae318fcea212259e7c17fa8d7.json b/node_modules/.cache/vue-loader/45a2dacae318fcea212259e7c17fa8d7.json
new file mode 100644
index 00000000..f46b53ac
--- /dev/null
+++ b/node_modules/.cache/vue-loader/45a2dacae318fcea212259e7c17fa8d7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [\n          _vm._v(\"用于REAST API的ssl web服务器证书\")\n        ]),\n        _c(\n          \"el-form\",\n          {\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"220px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"证书颁发者名称：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.name1) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书使用者名称：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.name2) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书有效时间：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.startTime) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书到期时间：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.endTime) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书被列入黑名单：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.blacklist) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"自签名证书：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.autograph) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"证书版本：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version) + \"\\n      \")\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          {\n            attrs: { type: \"primary\" },\n            on: {\n              click: function($event) {\n                _vm.showUpdateCertificate = true\n              }\n            }\n          },\n          [_vm._v(\"更新证书\")]\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"提示\",\n              visible: _vm.showUpdateCertificate,\n              width: \"30%\"\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.showUpdateCertificate = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-row\",\n              [\n                _c(\"el-col\", { attrs: { span: 6 } }, [\n                  _vm._v(\"\\n          文件选择：\\n        \")\n                ]),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 18 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\"\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"span\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        _vm.showUpdateCertificate = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/45ba71e9833985e031eeef728a87fd98.json b/node_modules/.cache/vue-loader/45ba71e9833985e031eeef728a87fd98.json
index 1b99a08d..2ca6fb70 100644
--- a/node_modules/.cache/vue-loader/45ba71e9833985e031eeef728a87fd98.json
+++ b/node_modules/.cache/vue-loader/45ba71e9833985e031eeef728a87fd98.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673318397848},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  速度组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue'\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673579760842},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :pageType=\"pageType\" :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :pageType=\"pageType\" :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :pageType=\"pageType\" :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :title=\"title\" :pageType=\"pageType\" :list=\"tableData\" :status=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :title=\"title\" :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :title=\"title\" :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :title=\"title\" :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    // pagetype:断面 || 区域  triggerType 触发||周期时刻||周期统计\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '速度组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ]\r\n            // triggerType: '周期统计',\r\n        };\r\n    },\r\n    created() {\r\n        console.log(this.data);\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/45d23b614ac2e6145edd85097dbe56d7.json b/node_modules/.cache/vue-loader/45d23b614ac2e6145edd85097dbe56d7.json
new file mode 100644
index 00000000..66aaa799
--- /dev/null
+++ b/node_modules/.cache/vue-loader/45d23b614ac2e6145edd85097dbe56d7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue?vue&type=style&index=0&id=558a7c3e&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n",{"version":3,"sources":["sideBarCommon.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"sideBarCommon.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["\r\n<template>\r\n    <div>\r\n        <template v-for=\"navMenu in this.menuNavList\">\r\n                <el-menu-item v-if=\"!navMenu.children\" :index=\"navMenu.path\" :route=\"navMenu.path\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span slot=\"title\">{{ navMenu.title }}</span>\r\n                </el-menu-item>\r\n                <el-submenu v-if=\"navMenu.children\" :key=\"navMenu.path\" :index=\"navMenu.path\">\r\n                    <template slot=\"title\">\r\n                        <i :class=\"navMenu.icon\"></i>\r\n                        <span> {{ navMenu.title }}</span>\r\n                    </template>\r\n                    <menu-tree :menuNavList=\"navMenu.children\"></menu-tree>\r\n                    <!-- <nav-menu :navMenus=\"navMenu.children\"></nav-menu> -->\r\n                </el-submenu>\r\n        </template>\r\n    </div>\r\n</template>\r\n \r\n<script>\r\n    export default {\r\n        props: ['menuNavList'],\r\n        name: 'MenuTree',\r\n    }\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/45ed2bd78b89e39dbaffc9ae99ef3d27.json b/node_modules/.cache/vue-loader/45ed2bd78b89e39dbaffc9ae99ef3d27.json
new file mode 100644
index 00000000..5adf53aa
--- /dev/null
+++ b/node_modules/.cache/vue-loader/45ed2bd78b89e39dbaffc9ae99ef3d27.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\I18n.vue?vue&type=style&index=0&id=d51955fc&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.list {\r\n  padding: 30px 0;\r\n}\r\n.list p {\r\n  margin-bottom: 20px;\r\n}\r\na {\r\n  color: #409eff;\r\n}\r\n",{"version":3,"sources":["I18n.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"I18n.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <section class=\"main\">\r\n    <div class=\"crumbs\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item>{{ $t('i18n.breadcrumb') }}</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </div>\r\n    <div class=\"container\">\r\n      <span>{{ $t('i18n.tips') }}</span>\r\n      <el-button type=\"primary\" @click=\"$i18n.locale = $i18n.locale === 'zh' ? 'en' : 'zh'\">{{ $t('i18n.btn') }}</el-button>\r\n      <div class=\"list\">\r\n        <h2>{{ $t('i18n.title1') }}</h2>\r\n        <p>{{ $t('i18n.p1') }}</p>\r\n        <p>{{ $t('i18n.p2') }}</p>\r\n        <p>{{ $t('i18n.p3') }}</p>\r\n      </div>\r\n      <h2>{{ $t('i18n.title2') }}</h2>\r\n      <div>\r\n        <i18n path=\"i18n.info\" tag=\"p\">\r\n          <a place=\"action\" href=\"https://element.eleme.cn/2.0/#/zh-CN/component/i18n\">{{ $t('i18n.value') }}</a>\r\n        </i18n>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.list {\r\n  padding: 30px 0;\r\n}\r\n.list p {\r\n  margin-bottom: 20px;\r\n}\r\na {\r\n  color: #409eff;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/463762da79337ea73a2d898c9b9d1252.json b/node_modules/.cache/vue-loader/463762da79337ea73a2d898c9b9d1252.json
new file mode 100644
index 00000000..ce607bae
--- /dev/null
+++ b/node_modules/.cache/vue-loader/463762da79337ea73a2d898c9b9d1252.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4648b15d794e20505b5c936f863dea5e.json b/node_modules/.cache/vue-loader/4648b15d794e20505b5c936f863dea5e.json
new file mode 100644
index 00000000..4a31c8f0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4648b15d794e20505b5c936f863dea5e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue?vue&type=style&index=1&id=ecdd0f0a&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__label{\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n/deep/ .el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.container{\r\n  width: 100%;\r\n  height: 100%;\r\n  p{\r\n    width: 95%;\r\n    font-size: 25px;\r\n    text-align: left;\r\n    border-bottom: 1px solid black;\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n",{"version":3,"sources":["AboutMachine.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AboutMachine.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\" >\r\n      <p>主机</p>\r\n      <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"sizeForm.date1\" style=\"width: 50%;\" autocomplete=\"off\" ></el-date-picker>\r\n        <!-- </el-col> -->\r\n        <!-- <el-col :span=\"2\"> -->\r\n          <el-button type=\"primary\" style=\"margin-left:10px\" size=\"small\">自动校验</el-button>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <p>备份&恢复</p>\r\n      <el-form-item label=\"备份服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" size=\"small\">备份</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"3\">\r\n          <el-button type=\"primary\" disabled size=\"small\">备份</el-button>\r\n        </el-col>\r\n        <el-col :span=\"4\">\r\n          <el-upload\r\n            class=\"upload-demo\"\r\n            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n            :on-preview=\"handlePreview\"\r\n            :on-remove=\"handleRemove\"\r\n            :before-remove=\"beforeRemove\"\r\n            multiple\r\n            :limit=\"3\"\r\n            :on-exceed=\"handleExceed\"\r\n            :file-list=\"fileList\">\r\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n          </el-upload>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>出厂默认值</p>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleReset()\" size=\"small\">重置默认值</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>重新启动</p>\r\n      <el-form-item label=\"重新启动系统：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">重新启动</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n        formLabelWidth: '120px',\r\n      sizeForm: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        fileList:[]\r\n    }\r\n  },\r\n  methods:{\r\n    handleagain(){\r\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消'\r\n          });          \r\n        });\r\n    },\r\n    handleReset(){\r\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消重置'\r\n          });          \r\n        });\r\n    },\r\n    handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n/deep/ .el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.container{\r\n  width: 100%;\r\n  height: 100%;\r\n  p{\r\n    width: 95%;\r\n    font-size: 25px;\r\n    text-align: left;\r\n    border-bottom: 1px solid black;\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/46b2d9bcf02d0da870ceb7bc51982ad8.json b/node_modules/.cache/vue-loader/46b2d9bcf02d0da870ceb7bc51982ad8.json
new file mode 100644
index 00000000..734d1804
--- /dev/null
+++ b/node_modules/.cache/vue-loader/46b2d9bcf02d0da870ceb7bc51982ad8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'pieChart',//饼图图组件\r\n    props: {\r\n        list:{\r\n            type:Array,\r\n            default(){\r\n                return[]\r\n            }\r\n        }\r\n    }, \r\n    data() {\r\n\r\n        return {\r\n        }\r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.init(this.$refs.pieChart)\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n\r\n            var legend = [\r\n                '货车',\r\n                '汽车',\r\n                '卡车',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"货车\", \"value\": 30 },\r\n                { \"name\": \"汽车\", \"value\": 10 },\r\n                { \"name\": \"卡车\", \"value\": 15 },\r\n            ]\r\n\r\n            let option = {\r\n\r\n                color: color,\r\n                legend: {\r\n                    top: 20,\r\n                    right: 'center',\r\n                    textStyle: {\r\n\r\n                    },\r\n                    data: legend,\r\n                },\r\n                series: [{\r\n                    name: '需求类型占比',\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '80%',\r\n                    label: {\r\n                        normal: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    labelLine: {\r\n                        show: false,\r\n                        length: 0,\r\n                        length2: 0,\r\n                    },\r\n                    label: {\r\n                        normal: {\r\n                            show: true,\r\n                            position: 'inside',\r\n                            formatter: '{value|{c}}',\r\n                            rich: {\r\n                                value: {\r\n                                    fontSize: 20,\r\n                                    color: '#ffffff',\r\n                                },\r\n                            },\r\n                        }\r\n                    },\r\n                    data: seriesData,\r\n                }],\r\n            };\r\n\r\n            myChart.setOption(option)\r\n\r\n\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawPie()\r\n    }\r\n}\r\n",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"pieChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n    <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'pieChart',//饼图图组件\r\n    props: {\r\n        list:{\r\n            type:Array,\r\n            default(){\r\n                return[]\r\n            }\r\n        }\r\n    }, \r\n    data() {\r\n\r\n        return {\r\n        }\r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.init(this.$refs.pieChart)\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n\r\n            var legend = [\r\n                '货车',\r\n                '汽车',\r\n                '卡车',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"货车\", \"value\": 30 },\r\n                { \"name\": \"汽车\", \"value\": 10 },\r\n                { \"name\": \"卡车\", \"value\": 15 },\r\n            ]\r\n\r\n            let option = {\r\n\r\n                color: color,\r\n                legend: {\r\n                    top: 20,\r\n                    right: 'center',\r\n                    textStyle: {\r\n\r\n                    },\r\n                    data: legend,\r\n                },\r\n                series: [{\r\n                    name: '需求类型占比',\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '80%',\r\n                    label: {\r\n                        normal: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    labelLine: {\r\n                        show: false,\r\n                        length: 0,\r\n                        length2: 0,\r\n                    },\r\n                    label: {\r\n                        normal: {\r\n                            show: true,\r\n                            position: 'inside',\r\n                            formatter: '{value|{c}}',\r\n                            rich: {\r\n                                value: {\r\n                                    fontSize: 20,\r\n                                    color: '#ffffff',\r\n                                },\r\n                            },\r\n                        }\r\n                    },\r\n                    data: seriesData,\r\n                }],\r\n            };\r\n\r\n            myChart.setOption(option)\r\n\r\n\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawPie()\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/474c744adbb7320cb88d9464b6910cab.json b/node_modules/.cache/vue-loader/474c744adbb7320cb88d9464b6910cab.json
new file mode 100644
index 00000000..590d99a9
--- /dev/null
+++ b/node_modules/.cache/vue-loader/474c744adbb7320cb88d9464b6910cab.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"wrapper\">\n  <!-- 页面头部部分 -->\n  <!-- <div style=\"display:inline-block\"> -->\n  <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\n      <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\n    <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n  </el-aside> \n  <!-- </div> -->\n   \n  \n\n  <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\n   <!-- <el-container> -->\n      <div class=\"header\" >\n    <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\n    <!-- 水平一级菜单 -->\n    <div style=\"float:left;\">\n      <!-- <el-menu \n        mode=\"horizontal\"\n        text-color=\"#000000\"\n        active-text-color=\"#3989fa\"\n        :default-active=\"toIndex\" \n        @select=\"handleSelect\">\n        <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\n          <span slot=\"title\">{{ item.title }}</span>\n        </el-menu-item>\n      </el-menu> -->\n    </div>\n    \n    <div class=\"header-right\">\n      <div class=\"header-user-con\">\n        <!-- 切换主题 -->\n        <div @click=\"handleChangeStyle()\">\n          <el-tooltip content=\"切换主题\" placement=\"bottom\">\n            <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\n          </el-tooltip>\n        </div>\n        <!-- 用户头像 -->\n        <div class=\"user-avator\">\n          <img src=\"@/assets/img/img.jpg\"/>\n        </div>\n        <!-- 用户名下拉菜单 -->\n        <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\n          <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\n          <el-dropdown-menu slot=\"dropdown\">\n            <el-dropdown-item disabled>修改密码</el-dropdown-item>\n            <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\n          </el-dropdown-menu>\n        </el-dropdown>\n      </div>\n    </div>\n  </div>\n  <el-main>\n    \n    <router-view></router-view>\n  </el-main>\n   <!-- </el-container> -->\n  \n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4773de0b63f80d7f8915b463201501d9.json b/node_modules/.cache/vue-loader/4773de0b63f80d7f8915b463201501d9.json
new file mode 100644
index 00000000..dd6bf083
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4773de0b63f80d7f8915b463201501d9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue?vue&type=style&index=0&id=48ceb990&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.mar-top20 {\r\n  margin-top: 20px;\r\n}\r\n",{"version":3,"sources":["StateOperation.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"StateOperation.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <!-- <p>主体页面 1 - 2 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <h1>运行状态</h1>\r\n      <el-form :model=\"runningState\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"类型：\">{{ runningState.type }}</el-form-item>\r\n        <el-form-item label=\"版本：\">{{ runningState.version }}</el-form-item>\r\n        <el-form-item label=\"当前系统时间：\">{{ runningState.currentTime }}</el-form-item>\r\n        <el-form-item label=\"开始运行时间：\">{{ runningState.startTime }}</el-form-item>\r\n        <el-form-item label=\"正常运行时长：\">{{ runningState.runTime }}</el-form-item>\r\n      </el-form>\r\n\r\n      <h1 class=\"mar-top20\">系统性能状态</h1>\r\n      <el-form :model=\"performance\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"正常运行时长：\">{{ performance.runTime }}</el-form-item>\r\n        <el-form-item label=\"平均Cpu利用率：\">{{ performance.averageCpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Cpu利用率：\">{{ performance.cpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Cpu温度：\">{{ performance.cpuTemperature }}</el-form-item>\r\n        <el-form-item label=\"Cpu名称：\">{{ performance.cpuName }}</el-form-item>\r\n        <el-form-item label=\"Gpu利用率：\">{{ performance.gpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Gpu温度：\">{{ performance.gpuTemperature }}</el-form-item>\r\n        <el-form-item label=\"使用的内存：\">{{ performance.memoryUsage }}</el-form-item>\r\n        <el-form-item label=\"内存总数：\">{{ performance.totalMemory }}</el-form-item>\r\n        <el-form-item label=\"已使用虚拟内存：\">{{ performance.virtualMemoryUsed }}</el-form-item>\r\n        <el-form-item label=\"虚拟内存总计：\">{{ performance.totalVirtualMemory }}</el-form-item>\r\n      </el-form>\r\n\r\n      <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\r\n        <el-table-column prop=\"mountingPoint\" label=\"安装点\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"equipmentName\" label=\"设备名称\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"occupancy\" label=\"使用\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.occupancy }}GB\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"total\" label=\"容量\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}GB\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n\r\n      <h1 class=\"mar-top20\">系统网络状态</h1>\r\n      <el-form :model=\"networkStatus\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"互联网接入：\">{{ networkStatus.internetAccess }}</el-form-item>\r\n        <el-form-item label=\"互联网延迟：\">{{ networkStatus.internetDelay }}</el-form-item>\r\n        <el-form-item label=\"DNS访问：\">{{ networkStatus.DNS }}</el-form-item>\r\n        <el-form-item label=\"本地VPN访问：\">{{ networkStatus.VPNvisit }}</el-form-item>\r\n        <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPN }}</el-form-item>\r\n        <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPNOpen }}</el-form-item>\r\n      </el-form>\r\n\r\n      <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\r\n        <el-table-column prop=\"connect\" label=\"连接\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"IP\" label=\"IP地址\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"acceptor\" label=\"接受\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.occupancy }}K\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"totalReceived\" label=\"收到的总数\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}GB\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"transmission\" label=\"传输\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}Kb/s\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"transmissionTotal\" label=\"传输的总数\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}MB\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      runningState: {\r\n        type: '',\r\n        version: '',\r\n        currentTime: '',\r\n        startTime: '',\r\n        runTime: '',\r\n      },\r\n      performance: {\r\n        runTime: '',\r\n        averageCpuUtilization: '',\r\n        cpuUtilization: '',\r\n        cpuTemperature: '',\r\n        cpuName: '',\r\n        gpuUtilization: '',\r\n        gpuTemperature: '',\r\n        memoryUsage: '',\r\n        totalMemory: '',\r\n        virtualMemoryUsed: '',\r\n        totalVirtualMemory: '',\r\n      },\r\n      mountingPointTable: [\r\n        {\r\n          mountingPoint: '2016-05-02',\r\n          equipmentName: '王小虎',\r\n          occupancy: '上海市普陀区金沙江路 1518 弄',\r\n          total: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ],\r\n      networkStatus: {\r\n        internetAccess: '',\r\n        internetDelay: '',\r\n        DNS: '',\r\n        VPNvisit: '',\r\n        serverVPN: '',\r\n        serverVPNOpen: '',\r\n      },\r\n      networkStatus: [\r\n        {\r\n          connect: '2016-05-02',\r\n          IP: '王小虎',\r\n          acceptor: '上海市普陀区金沙江路 1518 弄',\r\n          totalReceived: '上海市普陀区金沙江路 1518 弄',\r\n          transmission: '上海市普陀区金沙江路 1518 弄',\r\n          transmissionTotal: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ]\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.mar-top20 {\r\n  margin-top: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4775fe6c1205c59a0d625a87502e7a24.json b/node_modules/.cache/vue-loader/4775fe6c1205c59a0d625a87502e7a24.json
new file mode 100644
index 00000000..b5419ac6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4775fe6c1205c59a0d625a87502e7a24.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue","mtime":1673318357048},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4JA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  拥堵组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/48e6b7dcbab0db029e9d2206ec886b39.json b/node_modules/.cache/vue-loader/48e6b7dcbab0db029e9d2206ec886b39.json
new file mode 100644
index 00000000..de5fdc2d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/48e6b7dcbab0db029e9d2206ec886b39.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue","mtime":1673516645857},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> OD组件</p>\r\n        <div class=\"border\">\r\n            <detailDialog :msg=\"tableData\" />\r\n            <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n            <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n            <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/48fc2651feb79bedc9d01853ed84f4e0.json b/node_modules/.cache/vue-loader/48fc2651feb79bedc9d01853ed84f4e0.json
index 3f1c658a..eee06d6e 100644
--- a/node_modules/.cache/vue-loader/48fc2651feb79bedc9d01853ed84f4e0.json
+++ b/node_modules/.cache/vue-loader/48fc2651feb79bedc9d01853ed84f4e0.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673261112620},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        \r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"时间\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均流量\"></el-table-column>\r\n           \r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673580353828},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n          \r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='type' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='plate' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        \r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"断面名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间序号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"入流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"出流平均速度\"></el-table-column>\r\n           \r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n        onSubmit(){},\r\n        handleClose(){}\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4900345edcbeb465069c0ee79ceb3fd6.json b/node_modules/.cache/vue-loader/4900345edcbeb465069c0ee79ceb3fd6.json
new file mode 100644
index 00000000..3b238c97
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4900345edcbeb465069c0ee79ceb3fd6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"analysis\" },\n    [\n      _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            false\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.formInline,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"自动保存\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                      )\n                    ]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"自动保存：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.formInline.user,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"user\", $$v)\n                            },\n                            expression: \"formInline.user\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时间间隔：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { placeholder: \"时间间隔\" },\n                            model: {\n                              value: _vm.formInline.region,\n                              callback: function($$v) {\n                                _vm.$set(_vm.formInline, \"region\", $$v)\n                              },\n                              expression: \"formInline.region\"\n                            }\n                          },\n                          [\n                            _c(\"el-option\", {\n                              attrs: { label: \"20s\", value: \"shanghai\" }\n                            }),\n                            _c(\"el-option\", {\n                              attrs: { label: \"30s\", value: \"beijing\" }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                staticStyle: { \"margin-top\": \"15px\" },\n                attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n              },\n              [\n                false\n                  ? _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"重置分析\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                      )\n                    ])\n                  : _vm._e(),\n                false\n                  ? _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重置\")]\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"warning\",\n                    staticStyle: { \"margin-top\": \"15px\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleContent(\"postion\")\n                      }\n                    }\n                  },\n                  [\n                    _c(\"i\", {\n                      class:\n                        _vm.contentShow.postion == false\n                          ? \"el-icon-arrow-right\"\n                          : \"el-icon-arrow-down\",\n                      staticStyle: {\n                        \"font-weight\": \"600\",\n                        \"font-size\": \"18px\",\n                        \"margin-right\": \"5px\"\n                      }\n                    }),\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"相机位置\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \" 在 WGS84 坐标系中输入相机位置\\n                    \"\n                    )\n                  ]\n                ),\n                _vm.contentShow.postion\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"相机位置：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { size: \"small\", placeholder: \"经度\" },\n                          model: {\n                            value: _vm.sizeForm.longitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"longitude\", $$v)\n                            },\n                            expression: \"sizeForm.longitude\"\n                          }\n                        }),\n                        _c(\"el-input\", {\n                          staticStyle: {\n                            width: \"150px\",\n                            \"margin-left\": \"20px\"\n                          },\n                          attrs: { size: \"small\", placeholder: \"纬度\" },\n                          model: {\n                            value: _vm.sizeForm.latitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"latitude\", $$v)\n                            },\n                            expression: \"sizeForm.latitude\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _vm.contentShow.postion\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handSaveitude()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"coordinate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.coordinate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.coordinate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.coordinateForm,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticClass: \"otherThings\",\n                        attrs: { label: \"UTM区：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: {\n                            \"controls-position\": \"right\",\n                            size: \"small\",\n                            min: 1,\n                            max: 60\n                          },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.coordinateForm.num,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"num\", $$v)\n                            },\n                            expression: \"coordinateForm.num\"\n                          }\n                        }),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"warning\",\n                            staticStyle: { margin: \"0px\" }\n                          },\n                          [\n                            _c(\"i\", {\n                              staticClass: \"el-icon-warning\",\n                              staticStyle: {\n                                color: \"#409eff\",\n                                margin: \"0 3px 0 10px\"\n                              }\n                            }),\n                            _vm._v(\n                              \"地理参照允许测量物理速度和静态图像源的距离。\\n                            \"\n                            )\n                          ]\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"半球：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { size: \"small\", placeholder: \"请选择\" },\n                            model: {\n                              value: _vm.coordinateForm.value,\n                              callback: function($$v) {\n                                _vm.$set(_vm.coordinateForm, \"value\", $$v)\n                              },\n                              expression: \"coordinateForm.value\"\n                            }\n                          },\n                          _vm._l(_vm.options, function(item) {\n                            return _c(\"el-option\", {\n                              key: item.value,\n                              attrs: { label: item.label, value: item.value }\n                            })\n                          }),\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"坐标转换：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value:\n                                _vm.coordinateForm.coordinateTransformation,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.coordinateForm,\n                                  \"coordinateTransformation\",\n                                  $$v\n                                )\n                              },\n                              expression:\n                                \"coordinateForm.coordinateTransformation\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"WGS-84坐标系\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"100%\",\n                          height: \"400px\",\n                          \"margin-bottom\": \"10px\"\n                        }\n                      },\n                      [\n                        _c(\"iframe\", {\n                          staticStyle: { width: \"100%\", height: \"100%\" },\n                          attrs: {\n                            id: \"mapModuleTop\",\n                            src: \"./VideoWeb/index.html\",\n                            frameborder: \"0\"\n                          },\n                          on: { load: _vm.load }\n                        })\n                      ]\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"warning\" },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { color: \"#fffff\" },\n                            attrs: { size: \"mini\", type: \"primary\" },\n                            on: {\n                              click: function($event) {\n                                _vm.dialogVisible = true\n                              }\n                            }\n                          },\n                          [_vm._v(\"新增点\\n                        \")]\n                        ),\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"请至少配置4个点，不满足4个点会没有数据。\\n                    \"\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-table\",\n                      { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                      [\n                        _c(\n                          \"template\",\n                          { slot: \"empty\" },\n                          [\n                            _c(\"el-empty\", {\n                              attrs: {\n                                \"image-size\": 100,\n                                description: \"暂无数据\"\n                              }\n                            })\n                          ],\n                          1\n                        ),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"pointName\",\n                            label: \"点名称\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        maxlength: \"30\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.pointName,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"pointName\", $$v)\n                                        },\n                                        expression: \"scope.row.pointName\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2386407447\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"longitude\",\n                            label: \"经度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.longitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"longitude\", $$v)\n                                        },\n                                        expression: \"scope.row.longitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1223382878\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"latitude\",\n                            label: \"纬度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.latitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"latitude\", $$v)\n                                        },\n                                        expression: \"scope.row.latitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1252814925\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            label: \"操作\",\n                            align: \"center\",\n                            \"class-name\": \"small-padding fixed-width\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        staticStyle: { color: \"#2090c1\" },\n                                        attrs: { size: \"mini\", type: \"text\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleUpdate(scope.row)\n                                          }\n                                        }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"编辑\\n                                \"\n                                        )\n                                      ]\n                                    ),\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        staticStyle: { color: \"#f56c6c\" },\n                                        attrs: { size: \"mini\", type: \"text\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleDeleteDian(\n                                              scope.row\n                                            )\n                                          }\n                                        }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"删除\\n                                \"\n                                        )\n                                      ]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2444983767\n                          )\n                        })\n                      ],\n                      2\n                    ),\n                    _c(\n                      \"div\",\n                      { staticStyle: { \"margin-top\": \"15px\" } },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: {\n                              type: \"primary\",\n                              disabled: _vm.coordinateTableData.length < 4,\n                              size: \"small\"\n                            },\n                            on: {\n                              click: function($event) {\n                                return _vm.handlePos()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(0),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"车道识别配置开关：\",\n                          \"label-width\": \"150px\"\n                        }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.laneform.laneClose,\n                            callback: function($$v) {\n                              _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                            },\n                            expression: \"laneform.laneClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: { label: \"各车道中心线（区域检测器）：\" }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.areaDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                                },\n                                expression: \"laneform.areaDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: {\n                              label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                            }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.sectionDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                                },\n                                expression: \"laneform.sectionDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(1),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.identificationAreaform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"识别区域开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.identificationAreaform\n                                .identificationAreaClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.identificationAreaform,\n                                \"identificationAreaClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"identificationAreaform.identificationAreaClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(2),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.trajectorySmoothingform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"轨迹平滑开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.trajectorySmoothingform\n                                .trajectorySmoothingClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.trajectorySmoothingform,\n                                \"trajectorySmoothingClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"trajectorySmoothingform.trajectorySmoothingClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"250px\" },\n                            attrs: { label: \"预测滤波时间：\" }\n                          },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: {\n                                min: 2000,\n                                max: 3000,\n                                label: \"预测滤波时间\"\n                              },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.trajectorySmoothingform.time,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.trajectorySmoothingform,\n                                    \"time\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"trajectorySmoothingform.time\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"plate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.plate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.plate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.licensePlateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"车牌识别开关：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          attrs: { \"active-value\": \"1\", \"inactive-value\": \"0\" },\n                          on: {\n                            change: function($event) {\n                              return _vm.changeChepai($event)\n                            }\n                          },\n                          model: {\n                            value: _vm.licensePlateform.licensePlateClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.licensePlateform,\n                                \"licensePlateClose\",\n                                $$v\n                              )\n                            },\n                            expression: \"licensePlateform.licensePlateClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"div\",\n                          {\n                            staticStyle: {\n                              width: \"100%\",\n                              height: \"400px\",\n                              \"margin-bottom\": \"10px\"\n                            }\n                          },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"el-table\",\n                          {\n                            attrs: {\n                              border: \"\",\n                              data: _vm.licensePlateTableData\n                            }\n                          },\n                          [\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"sectionPlate\",\n                                label: \"断面号牌\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"30\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.sectionPlate,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"sectionPlate\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.sectionPlate\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.sectionPlate\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                942623791\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"setAssociation\",\n                                label: \"断面设置关联：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.setAssociation,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"setAssociation\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.setAssociation\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.setAssociation\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                95706651\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"thresholdValue\",\n                                label: \"车牌匹配阈值：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.thresholdValue,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"thresholdValue\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.thresholdValue\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.thresholdValue\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                4003674747\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                label: \"操作：\",\n                                align: \"center\",\n                                \"class-name\": \"small-padding fixed-width\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleAdd(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  \"Add\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleUpdate(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Apply\"\n                                                      : \"Edit\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#f56c6c\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleDelete(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Cancel\"\n                                                      : \"Delete\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e()\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                2051407138\n                              )\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { \"margin-top\": \"15px\" } },\n                          [\n                            _vm.licensePlateform.licensePlateClose == true\n                              ? _c(\n                                  \"el-button\",\n                                  {\n                                    staticStyle: { width: \"150px\" },\n                                    attrs: { type: \"primary\", size: \"small\" },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.handleagain()\n                                      }\n                                    }\n                                  },\n                                  [_vm._v(\"保存\")]\n                                )\n                              : _vm._e()\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"parking\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.parking == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.parking\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.stopStateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"位移：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"位移\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.displacement,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                            },\n                            expression: \"stopStateform.displacement\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"速度：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"速度\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.speed,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                            },\n                            expression: \"stopStateform.speed\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"加速度：\" } },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.stopStateform.acceleration,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.stopStateform,\n                                    \"acceleration\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"stopStateform.acceleration\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.contentShow.parking\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleParking()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(3),\n                _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      model: _vm.communicationform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"更新频率：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"200px\" },\n                          model: {\n                            value: _vm.communicationform.renewalFrequency,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.communicationform,\n                                \"renewalFrequency\",\n                                $$v\n                              )\n                            },\n                            expression: \"communicationform.renewalFrequency\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { display: \"flex\" },\n                        attrs: { label: \"类型：\" }\n                      },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.communicationform.type,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"type\", $$v)\n                              },\n                              expression: \"communicationform.type\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"快速-用于高带宽连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"平衡-适用于大多数连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"慢速-用于低带宽连接\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求轻型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求重型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"FPS分配器：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"框架决议：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"框架决议\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"自动\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩格式：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"压缩格式\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"JPG\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩率：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: { width: \"200px\" },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"新增点\",\n            visible: _vm.dialogVisible,\n            width: \"30%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"addform\",\n              attrs: {\n                rules: _vm.formRules,\n                model: _vm.addDianForm,\n                \"label-position\": \"left\",\n                \"label-width\": \"85px\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"点名称：\", prop: \"pointName\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: \"请输入点名称\" },\n                        model: {\n                          value: _vm.addDianForm.pointName,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"pointName\", $$v)\n                          },\n                          expression: \"addDianForm.pointName\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"经度：\", prop: \"longitude\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入经度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.longitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"longitude\", $$v)\n                          },\n                          expression: \"addDianForm.longitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"纬度：\", prop: \"latitude\" } },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入纬度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.latitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"latitude\", $$v)\n                          },\n                          expression: \"addDianForm.latitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"span\",\n            {\n              staticClass: \"dialog-footer\",\n              attrs: { slot: \"footer\" },\n              slot: \"footer\"\n            },\n            [\n              _c(\n                \"el-button\",\n                {\n                  on: {\n                    click: function($event) {\n                      _vm.dialogVisible = false\n                    }\n                  }\n                },\n                [_vm._v(\"取 消\")]\n              ),\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleDian(\"addform\")\n                    }\n                  }\n                },\n                [_vm._v(\"确 定\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4914af53a44b37838be876e2f5026b0f.json b/node_modules/.cache/vue-loader/4914af53a44b37838be876e2f5026b0f.json
new file mode 100644
index 00000000..5738f417
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4914af53a44b37838be876e2f5026b0f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\HealthCheck.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./HealthCheck.vue?vue&type=template&id=bddbd6ca&\"\nimport script from \"./HealthCheck.vue?vue&type=script&lang=js&\"\nexport * from \"./HealthCheck.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HealthCheck.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('bddbd6ca')) {\n      api.createRecord('bddbd6ca', component.options)\n    } else {\n      api.reload('bddbd6ca', component.options)\n    }\n    module.hot.accept(\"./HealthCheck.vue?vue&type=template&id=bddbd6ca&\", function () {\n      api.rerender('bddbd6ca', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/HealthCheck.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4a944bc25afe10b4d34e170fc6e30d09.json b/node_modules/.cache/vue-loader/4a944bc25afe10b4d34e170fc6e30d09.json
new file mode 100644
index 00000000..6994ba7a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4a944bc25afe10b4d34e170fc6e30d09.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n        leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-user-solid',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                            // icon : 'el-icon-s-goods',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : require('@/assets/img/xtsz.png'),\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    // icon : 'el-icon-s-goods',\r\n                },\r\n                \r\n            ],\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n  <div>\r\n    \r\n    <!-- 一级菜单下面所拥有的二级菜单 -->\r\n    <!-- <el-aside style=\"width:12%\" class=\"aside\">\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside>  -->\r\n    <!-- 以及二级菜单所对应的页面 -->\r\n    <el-main>\r\n      <router-view></router-view>\r\n    </el-main>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n        leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-user-solid',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                            // icon : 'el-icon-s-goods',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : require('@/assets/img/xtsz.png'),\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    // icon : 'el-icon-s-goods',\r\n                },\r\n                \r\n            ],\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n.aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4abd195995ea2fe6a767ad73ca84b9e4.json b/node_modules/.cache/vue-loader/4abd195995ea2fe6a767ad73ca84b9e4.json
new file mode 100644
index 00000000..2e6bb9b3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4abd195995ea2fe6a767ad73ca84b9e4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673590085904},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"tableContent\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.type == \"触发\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"steam_id\", label: \"视频路\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"timestamp\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"obj_id\", label: \"目标编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"plate\", label: \"车牌\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"速度\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"监测触发事件\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"车道\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"车头时距\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期时刻\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"zone_id\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"timestamp\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"n_stay\", label: \"存车数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"n_queue\", label: \"排队数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"occ\", label: \"占用状态\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"空间平均速度\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期统计\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"zone_id\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"timestamp\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"enter_flow\",\n                  label: \"驶入流量\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"leave_flow\",\n                  label: \"驶离流量\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"ave_stay\",\n                  label: \"平均存车数\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"ave_queue\",\n                  label: \"平均排队数\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"ave_occ\", label: \"平均占有率\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"ave_delay\", label: \"平均延误\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"ave_speed\", label: \"平均速度\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [_c(\"el-select\", [_c(\"el-option\")], 1)],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n                    _vm._v(\"确认\")\n                  ]),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4bd8e1cd2d2f5d80b42c534c688e21b8.json b/node_modules/.cache/vue-loader/4bd8e1cd2d2f5d80b42c534c688e21b8.json
new file mode 100644
index 00000000..b7c007fb
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4bd8e1cd2d2f5d80b42c534c688e21b8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IPSetting.vue?vue&type=template&id=386da402&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">FTP设置</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"110px\" style=\"width:50%\">\n      <el-form-item label=\"账号：\">\n        <el-input placeholder=\"请输入账号名\" v-model=\"form.ComponentPropsname\" clearable></el-input>\n      </el-form-item>\n      <el-form-item label=\"密码：\">\n        <el-input placeholder=\"请输入密码\" v-model=\"form.password\" show-password></el-input>\n      </el-form-item>\n      <el-form-item label=\"FTP：\">\n        <el-input placeholder=\"请输入账号名\" v-model=\"form.FTP\" clearable></el-input>\n      </el-form-item>\n    </el-form>\n\n    <el-button type=\"primary\" @cilck=\"Submit\">修改</el-button>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4bf78feb733106962ee856354cf7bcaa.json b/node_modules/.cache/vue-loader/4bf78feb733106962ee856354cf7bcaa.json
new file mode 100644
index 00000000..4969d4cc
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4bf78feb733106962ee856354cf7bcaa.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n",{"version":3,"sources":["network.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2QA;AACA;AACA","file":"network.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p class=\"title\">界面</p>\r\n                <el-form-item label=\"界面：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\r\n                            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MAC地址：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MTU：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">运行状态</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"连接：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">接通</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">IPV4</p>\r\n                <el-table :data=\"tableData\" border style=\"width: 95%\">\r\n                    <el-table-column prop=\"address\" label=\"地址\">\r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"agreement\" label=\"协议\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"Range\" label=\"范围\">\r\n                      <template slot-scope=\"scope\">\r\n                      <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\r\n                            <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"term\" label=\"期限\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column\r\n                      fixed=\"right\"\r\n                      label=\"操作\"\r\n                      width=\"350\"\r\n                      >\r\n                  <template slot-scope=\"scope\" >\r\n                      <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                  </template>\r\n                  </el-table-column>\r\n                </el-table>\r\n                <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"网关：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.gateway\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"分配IP：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.ip\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\r\n                    <p class=\"title\">静态地址</p>\r\n                    <el-form-item label=\"IP1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP4：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip4\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <p class=\"title\">静态路由</p>\r\n                    <el-table :data=\"tableRouter\" border style=\"width: 95%\">\r\n                        <el-table-column prop=\"name\" label=\"名称\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"target\" label=\"目标\"> \r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"Range\" label=\"范围\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"metric\" label=\"metric\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            fixed=\"right\"\r\n                            label=\"操作\"\r\n                            width=\"350\"\r\n                            >\r\n                        <template slot-scope=\"scope\" >\r\n                            <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                        </template>\r\n                        </el-table-column>\r\n                    </el-table>\r\n                    <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\r\n                    <el-form-item label=\"DNS1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                </div>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n          optionsa:[\r\n              {\r\n                    value: '1',\r\n                    label: '全局'\r\n                } \r\n              ],\r\n            tableRouter: [\r\n                {\r\n                    name: 'Router0',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router1',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router2',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router3',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            sizeForm: {\r\n                name: '1',\r\n                region: '00:11:14:1a:62:fe',\r\n                MTU: '1500',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: true,\r\n                ip: '192.168.1.5/24',\r\n                gateway: 'n/a',\r\n                ip1: '192.168.50.10/24',\r\n                ip2: 'e.g.192.168.50.10/24',\r\n                ip3: 'e.g.192.168.50.10/24',\r\n                ip4: 'e.g.192.168.50.10/24',\r\n                dns1: 'e.g.1.1.1.1',\r\n                dns2: 'e.g.1.0.0.1',\r\n                dns3: 'e.g.1.0.0.1'\r\n            },\r\n            options: [\r\n                {\r\n                    value: '1',\r\n                    label: 'eth0'\r\n                }\r\n            ],\r\n            tableData: [\r\n                {\r\n                    agreement: 'NO',\r\n                    Range: '1',\r\n                    address: '192.168.50.10/24',\r\n                    term: '永久',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    agreement: 'YES',\r\n                    Range: '1',\r\n                    address: '192.168.1.5/24',\r\n                    term: '17小时',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            \r\n        };\r\n    },\r\n    watch: {\r\n     \r\n    },\r\n    methods:{\r\n      changeVal(val,e){\r\n        this.tableData[e].disabled = false\r\n      },\r\n      changeValT(val,e){\r\n        this.tableRouter[e].disabled = false\r\n      },\r\n      handleClick(scope,e){\r\n        console.log(scope,'scope');\r\n      }\r\n    }\r\n};\r\n</script>\r\n  \r\n  <style>\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n</style>\r\n  <style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4cdbd80a6584efb1d9bdd53fa1f00042.json b/node_modules/.cache/vue-loader/4cdbd80a6584efb1d9bdd53fa1f00042.json
new file mode 100644
index 00000000..9690604b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4cdbd80a6584efb1d9bdd53fa1f00042.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">用于REAST API的ssl web服务器证书</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"证书颁发者名称：\">\n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"证书使用者名称：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"证书有效时间：\">\n        {{ form.startTime }}\n      </el-form-item>\n      <el-form-item label=\"证书到期时间：\">\n        {{ form.endTime }}\n      </el-form-item>\n      <el-form-item label=\"证书被列入黑名单：\">\n        {{ form.blacklist }}\n      </el-form-item>\n      <el-form-item label=\"自签名证书：\">\n        {{ form.autograph }}\n      </el-form-item>\n      <el-form-item label=\"证书版本：\">\n        {{ form.version }}\n      </el-form-item>\n    </el-form>\n\n    <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button>\n\n    <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\n      <el-row>\n        <el-col :span=\"6\">\n          文件选择：\n        </el-col>\n        <el-col :span=\"18\">\n          <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\n          </el-upload>\n        </el-col>\n      </el-row>\n\n      <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\n      </span>\n    </el-dialog>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4ceb91be1a4da3875a1e72bfb28c0df2.json b/node_modules/.cache/vue-loader/4ceb91be1a4da3875a1e72bfb28c0df2.json
new file mode 100644
index 00000000..294c9e82
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4ceb91be1a4da3875a1e72bfb28c0df2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Pagination.vue?vue&type=template&id=650d6904&scoped=true&\"\nimport script from \"./Pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./Pagination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Pagination.vue?vue&type=style&index=0&id=650d6904&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"650d6904\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('650d6904')) {\n      api.createRecord('650d6904', component.options)\n    } else {\n      api.reload('650d6904', component.options)\n    }\n    module.hot.accept(\"./Pagination.vue?vue&type=template&id=650d6904&scoped=true&\", function () {\n      api.rerender('650d6904', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/common/Pagination.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4cfffa060db20f7266d1f7ae449cc7af.json b/node_modules/.cache/vue-loader/4cfffa060db20f7266d1f7ae449cc7af.json
new file mode 100644
index 00000000..f5857436
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4cfffa060db20f7266d1f7ae449cc7af.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["test1-2.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;;AAEA;AACA;AACA","file":"test1-2.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 2 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4d086bd71ba223d327b11235018944af.json b/node_modules/.cache/vue-loader/4d086bd71ba223d327b11235018944af.json
index b57d8e28..da74739e 100644
--- a/node_modules/.cache/vue-loader/4d086bd71ba223d327b11235018944af.json
+++ b/node_modules/.cache/vue-loader/4d086bd71ba223d327b11235018944af.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"全局设置\")]),\n        _c(\n          \"el-form\",\n          { attrs: { \"label-position\": \"left\", \"label-width\": \"180px\" } },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"视频接入上限：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { min: 1, size: \"mini\", max: 8 },\n                  on: { change: _vm.handleChangeVideoNumber },\n                  model: {\n                    value: _vm.videoNumber,\n                    callback: function($$v) {\n                      _vm.videoNumber = $$v\n                    },\n                    expression: \"videoNumber\"\n                  }\n                }),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\"范围1-8、默认6\\n      \")\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"跳帧设置：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { size: \"mini\" },\n                  on: { change: _vm.handleChange },\n                  model: {\n                    value: _vm.FPS,\n                    callback: function($$v) {\n                      _vm.FPS = $$v\n                    },\n                    expression: \"FPS\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\"el-form-item\", { attrs: { label: \"默认取值：\" } })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"全局设置\")]),\n        _c(\n          \"el-form\",\n          { attrs: { \"label-position\": \"left\", \"label-width\": \"120px\" } },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"视频接入上限：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { min: 1, size: \"mini\", max: 8 },\n                  model: {\n                    value: _vm.videoNumber,\n                    callback: function($$v) {\n                      _vm.videoNumber = $$v\n                    },\n                    expression: \"videoNumber\"\n                  }\n                }),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\"范围1-8、默认6\\n      \")\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"跳帧设置：\" } },\n              [\n                _c(\n                  \"el-select\",\n                  {\n                    attrs: { size: \"mini\", placeholder: \"请选择\" },\n                    model: {\n                      value: _vm.FPS,\n                      callback: function($$v) {\n                        _vm.FPS = $$v\n                      },\n                      expression: \"FPS\"\n                    }\n                  },\n                  _vm._l(_vm.options, function(item) {\n                    return _c(\"el-option\", {\n                      key: item.value,\n                      attrs: { label: item.label, value: item.value }\n                    })\n                  }),\n                  1\n                ),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\\n      \"\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-button\",\n              {\n                attrs: { type: \"primary\", size: \"small\" },\n                on: {\n                  click: function($event) {\n                    return _vm.commit()\n                  }\n                }\n              },\n              [_vm._v(\"保存\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4d963457c43a7051869ac49e302247db.json b/node_modules/.cache/vue-loader/4d963457c43a7051869ac49e302247db.json
new file mode 100644
index 00000000..28893ef7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4d963457c43a7051869ac49e302247db.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673593016910},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\"\nimport script from \"./typeChart.vue?vue&type=script&lang=js&\"\nexport * from \"./typeChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1436fa54\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1436fa54')) {\n      api.createRecord('1436fa54', component.options)\n    } else {\n      api.reload('1436fa54', component.options)\n    }\n    module.hot.accept(\"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\", function () {\n      api.rerender('1436fa54', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/typeChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4f45100ce6a786db2858454fed74b006.json b/node_modules/.cache/vue-loader/4f45100ce6a786db2858454fed74b006.json
new file mode 100644
index 00000000..802e642d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4f45100ce6a786db2858454fed74b006.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Permission.vue?vue&type=template&id=03db3326&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n\n  <div class=\"crumbs\">\n    <el-breadcrumb separator=\"/\">\n      <el-breadcrumb-item><i class=\"el-icon-warning\"></i> 权限测试</el-breadcrumb-item>\n    </el-breadcrumb>\n  </div>\n  <div class=\"container\">\n    <h1>管理员权限页面</h1>\n    <p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p>\n    <p>想尝试一下，请<router-link to=\"/Login\" class=\"logout\">退出登录</router-link>，随便输入个账号名，再进来试试看。</p>\n  </div>\n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4f486e91c6fb3647c131caac474899a6.json b/node_modules/.cache/vue-loader/4f486e91c6fb3647c131caac474899a6.json
new file mode 100644
index 00000000..3d7d464c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4f486e91c6fb3647c131caac474899a6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["test1-2.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA","file":"test1-2.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 2 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4fdc31899a1059e9bbbc20815b61cf80.json b/node_modules/.cache/vue-loader/4fdc31899a1059e9bbbc20815b61cf80.json
new file mode 100644
index 00000000..e6f00b93
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4fdc31899a1059e9bbbc20815b61cf80.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\interface.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\interface.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render, staticRenderFns\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\ncomponent.options.__file = \"src/views/interface.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5047d5206e65c90f3972de8add0bc412.json b/node_modules/.cache/vue-loader/5047d5206e65c90f3972de8add0bc412.json
new file mode 100644
index 00000000..eb095839
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5047d5206e65c90f3972de8add0bc412.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673590673775},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"tableContent\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.type == \"触发\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"steam_id\", label: \"视频路\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"timestamp\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"obj_id\", label: \"目标编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"plate\", label: \"车牌\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"速度\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"监测触发事件\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"车道\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"车头时距\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期统计\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"gate_id\", label: \"断面编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"name\", label: \"断面名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"timestamp\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"interval\", label: \"时间序号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"in_flow\", label: \"入流流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"out_flow\", label: \"出流流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"flow\", label: \"断面流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"in_spd\",\n                  label: \"入流平均速度\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"out_spd\",\n                  label: \"出流平均速度\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"speed\",\n                  label: \"断面的平均速度\"\n                }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择\" },\n                      model: {\n                        value: _vm.value,\n                        callback: function($$v) {\n                          _vm.value = $$v\n                        },\n                        expression: \"value\"\n                      }\n                    },\n                    _vm._l(_vm.options, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n                    _vm._v(\"确认\")\n                  ]),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/50f8185de1b0d2bea5daae268d78fba5.json b/node_modules/.cache/vue-loader/50f8185de1b0d2bea5daae268d78fba5.json
index 03121ffe..383c7e70 100644
--- a/node_modules/.cache/vue-loader/50f8185de1b0d2bea5daae268d78fba5.json
+++ b/node_modules/.cache/vue-loader/50f8185de1b0d2bea5daae268d78fba5.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673315139852},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  类型组件</p>\n    <div class=\"typeContent\">\n        <el-card style='width:150px;margin-bottom:20px;text-align:center'>\n            <div style=\"font-size:30px;font-weight:bold;\">99</div>\n                <div style=\"padding: 14px;\">\n                    <span>数值</span>\n                    <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49{{ currentDate }}</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n\n\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <pieChart />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673518315417},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <barChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <barChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <barChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <pieChart :pageType=\"pageType\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/511d2c48c6e4dcea480a4efd23164f34.json b/node_modules/.cache/vue-loader/511d2c48c6e4dcea480a4efd23164f34.json
new file mode 100644
index 00000000..f3c9320c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/511d2c48c6e4dcea480a4efd23164f34.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673592663793},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _c(\"tableShow\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _c(\"regionTable\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"lineChart\", {\n              attrs: {\n                title: _vm.title,\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType\n              }\n            })\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"avgChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5128acae26fab9e08f2645193a8dfeb8.json b/node_modules/.cache/vue-loader/5128acae26fab9e08f2645193a8dfeb8.json
index fc01fe18..fabcd22e 100644
--- a/node_modules/.cache/vue-loader/5128acae26fab9e08f2645193a8dfeb8.json
+++ b/node_modules/.cache/vue-loader/5128acae26fab9e08f2645193a8dfeb8.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673234157305},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n\r\n\r\n            // xData: [],\r\n            // yData: [],\r\n            // triggerType:'触发时刻'\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart)\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true,\r\n                },\r\n                tooltip: {\r\n                    show: true,\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type:'dashed'\r\n                            },\r\n                        },\r\n                        axisTick: {\r\n                            show: false,\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c',\r\n                        },\r\n                        splitLine: {\r\n                            show: false,\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n                        data: this.list.map((value) => {\r\n                            return value.time\r\n                        }),\r\n                    },\r\n                ],\r\n                yAxis: [\r\n\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c',\r\n            \r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed',\r\n                            },\r\n                        },\r\n                        axisLine: {\r\n                            show: false,\r\n                        }\r\n                    },\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '速度',\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        \r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2,\r\n                        },\r\n                        data: this.list.map((value) => {\r\n                            return value.speed\r\n                        }),\r\n                    },\r\n                ],\r\n            };\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawLine()\r\n        // console.log(this.list1);\r\n    }\r\n}\r\n",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n\r\n\r\n            // xData: [],\r\n            // yData: [],\r\n            // triggerType:'触发时刻'\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart)\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true,\r\n                },\r\n                tooltip: {\r\n                    show: true,\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type:'dashed'\r\n                            },\r\n                        },\r\n                        axisTick: {\r\n                            show: false,\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c',\r\n                        },\r\n                        splitLine: {\r\n                            show: false,\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n                        data: this.list.map((value) => {\r\n                            return value.time\r\n                        }),\r\n                    },\r\n                ],\r\n                yAxis: [\r\n\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c',\r\n            \r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed',\r\n                            },\r\n                        },\r\n                        axisLine: {\r\n                            show: false,\r\n                        }\r\n                    },\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '速度',\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        \r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2,\r\n                        },\r\n                        data: this.list.map((value) => {\r\n                            return value.speed\r\n                        }),\r\n                    },\r\n                ],\r\n            };\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawLine()\r\n        // console.log(this.list1);\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673575672334},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        // 断面速度组件的y轴展示\r\n        if (this.pageType == '断面' && this.title == '速度组件' && this.status == '触发') {\r\n            this.yData = this.list.map((val) => {\r\n                return val.speed;\r\n            });\r\n        } else if (this.pageType == '断面' && this.title == '速度组件' && this.status == '周期统计') {\r\n            this.yData = this.list.map((val) => {\r\n                return val.speed;\r\n            });\r\n        }\r\n        this.xData = this.list.map((value) => {\r\n            return value.timestamp;\r\n        });\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        // 断面速度组件的y轴展示\r\n        if (this.pageType == '断面' && this.title == '速度组件' && this.status == '触发') {\r\n            this.yData = this.list.map((val) => {\r\n                return val.speed;\r\n            });\r\n        } else if (this.pageType == '断面' && this.title == '速度组件' && this.status == '周期统计') {\r\n            this.yData = this.list.map((val) => {\r\n                return val.speed;\r\n            });\r\n        }\r\n        this.xData = this.list.map((value) => {\r\n            return value.timestamp;\r\n        });\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/51c4a4f0afd88ea99cf3e3a296351df7.json b/node_modules/.cache/vue-loader/51c4a4f0afd88ea99cf3e3a296351df7.json
new file mode 100644
index 00000000..daa51025
--- /dev/null
+++ b/node_modules/.cache/vue-loader/51c4a4f0afd88ea99cf3e3a296351df7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/52736565f7dc616f603ea72c8823806a.json b/node_modules/.cache/vue-loader/52736565f7dc616f603ea72c8823806a.json
new file mode 100644
index 00000000..cd675b1b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/52736565f7dc616f603ea72c8823806a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n   .aside{\n    overflow-y: scroll;\n    overflow-x: hidden;\n    background: url('../../assets/img/leftBg.png'); \n    max-height: 100%;\n    background-size: 100% 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoNA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n        <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n        <div class=\"header\" >\r\n      <!-- 水平一级菜单 -->\r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: '/test1/AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: '/test1/AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: '/test1/network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: '/test1/VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: '/test1/CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: '/test1/HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: '/test1/StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: '/test1/interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: '/test1/IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: '/test1/globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: '/test1/ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: '/test1/ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: '/test1/InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: '/test1/UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: '/test1/myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: '/test1/IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: '/test1/logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    background: url('../../assets/img/leftBg.png'); \r\n    max-height: 100%;\r\n    background-size: 100% 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/528010fa5bdecaeff5b6c2ad389fbb5e.json b/node_modules/.cache/vue-loader/528010fa5bdecaeff5b6c2ad389fbb5e.json
new file mode 100644
index 00000000..c1d07dcb
--- /dev/null
+++ b/node_modules/.cache/vue-loader/528010fa5bdecaeff5b6c2ad389fbb5e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ImportSettings.vue?vue&type=template&id=2ab7ee0a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">导入设置</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n\n    <el-upload class=\"upload-demo\" ref=\"upload\" action=\"https://jsonplaceholder.typicode.com/posts/\"\n      :file-list=\"fileList\" :auto-upload=\"false\" @on-success=\"fileSuccess\" @on-error=\"fileError\" @on-progress=\"fileProgress\">\n      <el-button slot=\"trigger\" size=\"small\" type=\"primary\">选取文件</el-button>\n      <el-button style=\"margin-left: 10px;\" size=\"small\" type=\"success\" @click=\"submitUpload\">导入</el-button>\n    </el-upload>\n\n    <div class=\"warning\">\n      <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\n      将一个保存好的系统设置文件导入本系统。导入后将覆盖现有的所有分析和用户设置，并重启系统，未保存的数据可能会丢失，请谨慎使用.\n    </div>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/52c4760b30ea7d91e086f344ea1086e0.json b/node_modules/.cache/vue-loader/52c4760b30ea7d91e086f344ea1086e0.json
new file mode 100644
index 00000000..12be4c70
--- /dev/null
+++ b/node_modules/.cache/vue-loader/52c4760b30ea7d91e086f344ea1086e0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\myId.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["myId.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;AACA","file":"myId.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">我的账号</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"60px\" :model=\"formLabelAlign\">\r\n        <el-form-item label=\"名称：\">\r\n          {{ formLabelAlign.name }}\r\n        </el-form-item>\r\n        <el-form-item label=\"账号：\">\r\n          {{ formLabelAlign.account }}\r\n        </el-form-item>\r\n        <el-form-item label=\"密码：\">\r\n          {{ formLabelAlign.password }}\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      formLabelAlign: {\r\n        name: 'admin',\r\n        account: 'admin',\r\n        password: '123456',\r\n      },\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/52ec80f4803ab8d9dfb17bc3eb85826a.json b/node_modules/.cache/vue-loader/52ec80f4803ab8d9dfb17bc3eb85826a.json
new file mode 100644
index 00000000..e72391f2
--- /dev/null
+++ b/node_modules/.cache/vue-loader/52ec80f4803ab8d9dfb17bc3eb85826a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue","mtime":1673518221965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/53278f61b3a734e2f0112fca2cb5649b.json b/node_modules/.cache/vue-loader/53278f61b3a734e2f0112fca2cb5649b.json
new file mode 100644
index 00000000..33e0d7e5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/53278f61b3a734e2f0112fca2cb5649b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      options: [\r\n        {\r\n          value: 'zip',\r\n          label: 'zip'\r\n        }, {\r\n          value: '7z',\r\n          label: '7z'\r\n        }\r\n      ],\r\n      value: 'zip',\r\n      imgSavePath: '',\r\n    }\r\n  },\r\n  methods: {\r\n    fileChange(e) {\r\n      try {\r\n        const fu = document.getElementById('file')\r\n        if (fu == null) return\r\n        this.imgSavePath = fu.files[0].path\r\n        console.log(fu.files)\r\n      } catch (error) {\r\n        console.debug('choice file err:', error)\r\n      }\r\n    },\r\n    btnChange() {\r\n      var file = document.getElementById('file')\r\n      file.click()\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["ExportingSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ExportingSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">导出设置</p>\r\n      <!-- <div class=\"test-div\">\r\n        <i class=\"el-icon-edit\"></i>\r\n        <i class=\"el-icon-share\"></i>\r\n        <i class=\"el-icon-delete\"></i>\r\n      </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"文件格式：\">\r\n          <el-select v-model=\"value\" placeholder=\"请选择导出文件格式\">\r\n            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"文件保存位置：\">\r\n          <input type=\"file\" id=\"file\" hidden @change=\"fileChange\" webkitdirectory>\r\n          <el-input placeholder=\"请输入内容\" v-model=\"imgSavePath\" class=\"input-with-select\">\r\n            <el-button slot=\"append\" icon=\"el-icon-folder\" type=\"success\" @click=\"btnChange\"></el-button>\r\n          </el-input>\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button class=\"el-icon-download\" type=\"primary\">导出</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      options: [\r\n        {\r\n          value: 'zip',\r\n          label: 'zip'\r\n        }, {\r\n          value: '7z',\r\n          label: '7z'\r\n        }\r\n      ],\r\n      value: 'zip',\r\n      imgSavePath: '',\r\n    }\r\n  },\r\n  methods: {\r\n    fileChange(e) {\r\n      try {\r\n        const fu = document.getElementById('file')\r\n        if (fu == null) return\r\n        this.imgSavePath = fu.files[0].path\r\n        console.log(fu.files)\r\n      } catch (error) {\r\n        console.debug('choice file err:', error)\r\n      }\r\n    },\r\n    btnChange() {\r\n      var file = document.getElementById('file')\r\n      file.click()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5330379c7f5dc48b082dffff02c2caa5.json b/node_modules/.cache/vue-loader/5330379c7f5dc48b082dffff02c2caa5.json
new file mode 100644
index 00000000..64867c6b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5330379c7f5dc48b082dffff02c2caa5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673592663793},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    // pagetype:断面 || 区域  triggerType 触发||周期时刻||周期统计\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '速度组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ]\r\n            // triggerType: '周期统计',\r\n        };\r\n    },\r\n    created() {\r\n        // console.log(this.data);\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :title=\"title\" :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    // pagetype:断面 || 区域  triggerType 触发||周期时刻||周期统计\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '速度组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ]\r\n            // triggerType: '周期统计',\r\n        };\r\n    },\r\n    created() {\r\n        // console.log(this.data);\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5359e23297ea99b2c681612de39818e0.json b/node_modules/.cache/vue-loader/5359e23297ea99b2c681612de39818e0.json
new file mode 100644
index 00000000..d05aba5e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5359e23297ea99b2c681612de39818e0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1673315311937},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/535bf1b6f644ecf9dce8c15cb55cd489.json b/node_modules/.cache/vue-loader/535bf1b6f644ecf9dce8c15cb55cd489.json
new file mode 100644
index 00000000..6335777d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/535bf1b6f644ecf9dce8c15cb55cd489.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=template&id=3fb0550a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">UPD服务设置</p>\n  <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"180px\">\n      <el-form-item label=\"upd服务器端口：\">\n        <el-input-number v-model=\"form.name\" controls-position=\"right\" :min=\"1\"></el-input-number>\n      </el-form-item>\n\n      <el-form-item label=\"启用有效载荷：\">\n        <el-switch v-model=\"form.delivery\"></el-switch>\n      </el-form-item>\n\n      <el-form-item label=\"最大数据包大小：\">\n        <el-input-number v-model=\"form.bytes\" controls-position=\"right\" :min=\"1\"></el-input-number>\n        bytes\n      </el-form-item>\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/539b85d0ead19115db37c08aa6121e10.json b/node_modules/.cache/vue-loader/539b85d0ead19115db37c08aa6121e10.json
new file mode 100644
index 00000000..b37e9c08
--- /dev/null
+++ b/node_modules/.cache/vue-loader/539b85d0ead19115db37c08aa6121e10.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-tabs\",\n          {\n            attrs: { type: \"border-card\" },\n            model: {\n              value: _vm.activeName,\n              callback: function($$v) {\n                _vm.activeName = $$v\n              },\n              expression: \"activeName\"\n            }\n          },\n          [\n            _c(\"el-tab-pane\", { attrs: { label: \"xx路口\", name: \"first\" } }, [\n              _c(\n                \"div\",\n                {\n                  staticStyle: {\n                    width: \"75%\",\n                    height: \"900px\",\n                    display: \"inline-block\",\n                    border: \"1px soild #eee\"\n                  }\n                },\n                [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\"\n                    }\n                  })\n                ]\n              ),\n              _c(\n                \"div\",\n                {\n                  staticStyle: {\n                    width: \"20%\",\n                    height: \"100%\",\n                    display: \"inline-block\",\n                    border: \"1px soild #eee\",\n                    padding: \"15px\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.dialogFormVisible = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"断面组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.areaComponent = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"区域组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.trajectory = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"轨迹组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.speed = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"速度组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.flow = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"流量组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"车头时距\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"排队数\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"检测数\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"延误\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"拥堵\")]\n                  )\n                ],\n                1\n              )\n            ]),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"数据看板\", name: \"second\" } },\n              [_c(\"dataBoard\", { attrs: { activeName: _vm.activeName } })],\n              1\n            ),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"分析配置\", name: \"third\" } },\n              [_c(\"analysisConfiguration\")],\n              1\n            ),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"分析状态\", name: \"fourth\" } },\n              [_c(\"editModal\")],\n              1\n            ),\n            _c(\"el-tab-pane\", { attrs: { label: \"存储\", name: \"five\" } }, [\n              _vm._v(\"存储\")\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"断面组件配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.form, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"断面名称\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.form.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"name\", $$v)\n                        },\n                        expression: \"form.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"断面方向\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择类型\" },\n                        model: {\n                          value: _vm.form.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"region\", $$v)\n                          },\n                          expression: \"form.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"正向\", value: \"car\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"方向\", value: \"bus\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"双向\", value: \"kache\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"区域组件配置\",\n              width: \"40%\",\n              visible: _vm.areaComponent\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.areaComponent = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.areaComponentform, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"区域名称\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.areaComponentform.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.areaComponentform, \"name\", $$v)\n                        },\n                        expression: \"areaComponentform.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"轨迹组件配置\",\n              width: \"40%\",\n              visible: _vm.trajectory\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.trajectory = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.trackForm, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"轨迹名称：\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.trackForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.trackForm, \"name\", $$v)\n                        },\n                        expression: \"trackForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: { title: \"速度组件配置\", width: \"40%\", visible: _vm.speed },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.speed = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.speedForm, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"速度组件名称：\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"name\", $$v)\n                        },\n                        expression: \"speedForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"数值筛选：\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.num,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"num\", $$v)\n                        },\n                        expression: \"speedForm.num\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"时间模式：\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择时间模式\" },\n                        model: {\n                          value: _vm.speedForm.timeModel,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"timeModel\", $$v)\n                          },\n                          expression: \"speedForm.timeModel\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"触发\", value: \"touch\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期时刻\", value: \"timeing\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期统计\", value: \"date\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.speedForm.timeModel == \"touch\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"触发类型：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.speedForm.touchType,\n                              callback: function($$v) {\n                                _vm.$set(_vm.speedForm, \"touchType\", $$v)\n                              },\n                              expression: \"speedForm.touchType\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"实时（触发）\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"间隔\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.speedForm.timeModel == \"timeing\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时刻：\" } },\n                      [\n                        _c(\"el-slider\", {\n                          attrs: { \"show-input\": \"\" },\n                          model: {\n                            value: _vm.speedForm.time,\n                            callback: function($$v) {\n                              _vm.$set(_vm.speedForm, \"time\", $$v)\n                            },\n                            expression: \"speedForm.time\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.speedForm.timeModel == \"date\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时间：\" } },\n                      [\n                        _c(\"el-date-picker\", {\n                          attrs: {\n                            type: \"datetimerange\",\n                            \"range-separator\": \"至\",\n                            \"start-placeholder\": \"开始日期\",\n                            \"end-placeholder\": \"结束日期\"\n                          },\n                          model: {\n                            value: _vm.speedForm.date,\n                            callback: function($$v) {\n                              _vm.$set(_vm.speedForm, \"date\", $$v)\n                            },\n                            expression: \"speedForm.date\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"展现形式：\" } },\n                  [\n                    _c(\n                      \"el-checkbox-group\",\n                      {\n                        model: {\n                          value: _vm.speedForm.type,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"type\", $$v)\n                          },\n                          expression: \"speedForm.type\"\n                        }\n                      },\n                      [\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"数值\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"表格\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"时间曲线图\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"均值图\", name: \"type\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/53fcd5e15177dbb8ee951512753dc9a1.json b/node_modules/.cache/vue-loader/53fcd5e15177dbb8ee951512753dc9a1.json
new file mode 100644
index 00000000..eb950144
--- /dev/null
+++ b/node_modules/.cache/vue-loader/53fcd5e15177dbb8ee951512753dc9a1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nimport bus from '@/utils/bus';\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      style: false\r\n    }\r\n  },\r\n  created(){\r\n    bus.$on('global_theme', (msg) => {    // 接收子组件传来 global_theme 的值\r\n      this.style = msg;\r\n    });\r\n  }\r\n}\r\n",{"version":3,"sources":["App.vue"],"names":[],"mappings":";;;;;;;AAOA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"App.vue","sourceRoot":"src","sourcesContent":["<template>\r\n  <div id=\"app\" :class=\"style ? 'theme1' : ''\">\r\n    <router-view></router-view>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport bus from '@/utils/bus';\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      style: false\r\n    }\r\n  },\r\n  created(){\r\n    bus.$on('global_theme', (msg) => {    // 接收子组件传来 global_theme 的值\r\n      this.style = msg;\r\n    });\r\n  }\r\n}\r\n</script>\r\n<style>\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/54c00b327d95ef2953150ee13d3076ea.json b/node_modules/.cache/vue-loader/54c00b327d95ef2953150ee13d3076ea.json
new file mode 100644
index 00000000..6d767cd7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/54c00b327d95ef2953150ee13d3076ea.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\myId.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./myId.vue?vue&type=template&id=599a5f81&\"\nimport script from \"./myId.vue?vue&type=script&lang=js&\"\nexport * from \"./myId.vue?vue&type=script&lang=js&\"\nimport style0 from \"./myId.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('599a5f81')) {\n      api.createRecord('599a5f81', component.options)\n    } else {\n      api.reload('599a5f81', component.options)\n    }\n    module.hot.accept(\"./myId.vue?vue&type=template&id=599a5f81&\", function () {\n      api.rerender('599a5f81', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/myId.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/54d39e3780e431aa935f4ababa9bccfd.json b/node_modules/.cache/vue-loader/54d39e3780e431aa935f4ababa9bccfd.json
new file mode 100644
index 00000000..7ba6363f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/54d39e3780e431aa935f4ababa9bccfd.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue","mtime":1673516645857},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\"\nimport script from \"./OD.vue?vue&type=script&lang=js&\"\nexport * from \"./OD.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0bb099b3\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0bb099b3')) {\n      api.createRecord('0bb099b3', component.options)\n    } else {\n      api.reload('0bb099b3', component.options)\n    }\n    module.hot.accept(\"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\", function () {\n      api.rerender('0bb099b3', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/OD.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/54d9769fb954facfcfc9df33f790d226.json b/node_modules/.cache/vue-loader/54d9769fb954facfcfc9df33f790d226.json
new file mode 100644
index 00000000..3823001a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/54d9769fb954facfcfc9df33f790d226.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=template&id=57b7d65b&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"statusMain\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-descriptions\",\n          { attrs: { title: \"节点源\", column: 5, border: \"\" } },\n          [\n            _c(\"el-descriptions-item\", { attrs: { label: \"来源\" } }, [\n              _vm._v(\" \" + _vm._s(_vm.form.name1))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"源极状态\" } }, [\n              _vm._v(_vm._s(_vm.form.name2))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"稳定状态\" } }, [\n              _vm._v(_vm._s(_vm.form.state))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"视频数据连接\" } }, [\n              _vm._v(_vm._s(_vm.form.endTime))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"源分辨率\" } }, [\n              _vm._v(_vm._s(_vm.form.blacklist))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"神经网络分辨率\" } }, [\n              _vm._v(_vm._s(_vm.form.autograph))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"输入帧速率\" } }, [\n              _vm._v(_vm._s(_vm.form.version))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"解码器帧速率\" } }, [\n              _vm._v(_vm._s(_vm.form.version))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"检测器帧速率\" } }, [\n              _vm._v(_vm._s(_vm.form.version2))\n            ]),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"最后一帧分析时间\" } },\n              [_vm._v(_vm._s(_vm.form.version4))]\n            ),\n            _c(\"el-descriptions-item\", { attrs: { label: \"运动状态\" } }, [\n              _vm._v(_vm._s(_vm.form.version5))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"摄像机盘\" } }, [\n              _vm._v(_vm._s(_vm.form.version6))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"摄像机倾斜\" } }, [\n              _vm._v(_vm._s(_vm.form.version7))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"照相机变焦\" } }, [\n              _vm._v(_vm._s(_vm.form.version8))\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-descriptions\",\n          { attrs: { title: \"立方体分析\", column: 5, border: \"\" } },\n          [\n            _c(\"el-descriptions-item\", { attrs: { label: \"多维数据集ID\" } }, [\n              _vm._v(\" \" + _vm._s(_vm.form.name1))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"分析ID\" } }, [\n              _vm._v(_vm._s(_vm.form.name2))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"分析序列ID\" } }, [\n              _vm._v(_vm._s(_vm.form.state))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"缓存中的轨迹\" } }, [\n              _vm._v(_vm._s(_vm.form.endTime))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"总缓存容量\" } }, [\n              _vm._v(_vm._s(_vm.form.blacklist))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"高速缓存启动\" } }, [\n              _vm._v(_vm._s(_vm.form.autograph))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"高速缓存结束\" } }, [\n              _vm._v(_vm._s(_vm.form.version))\n            ]),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"缓存中的第一条线索\" } },\n              [_vm._v(_vm._s(_vm.form.version))]\n            ),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"缓存中的第最后一条线索\" } },\n              [_vm._v(_vm._s(_vm.form.version2))]\n            ),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"上次自动保存时间戳\" } },\n              [_vm._v(_vm._s(_vm.form.version4))]\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-descriptions\",\n          { attrs: { title: \"洞察同步\", column: 5, border: \"\" } },\n          [\n            _c(\"el-descriptions-item\", { attrs: { label: \"上次同步时间戳\" } }, [\n              _vm._v(\" \" + _vm._s(_vm.form.name1))\n            ]),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"同步上次评估数据的差异\" } },\n              [_vm._v(_vm._s(_vm.form.name2))]\n            ),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"同步上次图像数据的差异\" } },\n              [_vm._v(_vm._s(_vm.form.state))]\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          {\n            staticStyle: { \"margin-top\": \"15px\" },\n            attrs: { type: \"primary\" },\n            on: {\n              click: function($event) {\n                _vm.showUpdateCertificate = true\n              }\n            }\n          },\n          [_vm._v(\"更新证书\")]\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"提示\",\n              visible: _vm.showUpdateCertificate,\n              width: \"30%\"\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.showUpdateCertificate = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-row\",\n              [\n                _c(\"el-col\", { attrs: { span: 6 } }, [\n                  _vm._v(\"\\n          文件选择：\\n        \")\n                ]),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 18 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\"\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"span\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        _vm.showUpdateCertificate = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/55502dba486983b0725a6f7441a076e4.json b/node_modules/.cache/vue-loader/55502dba486983b0725a6f7441a076e4.json
new file mode 100644
index 00000000..f8a61bc1
--- /dev/null
+++ b/node_modules/.cache/vue-loader/55502dba486983b0725a6f7441a076e4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\404.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./404.vue?vue&type=template&id=bf4272de&scoped=true&\"\nimport script from \"./404.vue?vue&type=script&lang=js&\"\nexport * from \"./404.vue?vue&type=script&lang=js&\"\nimport style0 from \"./404.vue?vue&type=style&index=0&id=bf4272de&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bf4272de\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('bf4272de')) {\n      api.createRecord('bf4272de', component.options)\n    } else {\n      api.reload('bf4272de', component.options)\n    }\n    module.hot.accept(\"./404.vue?vue&type=template&id=bf4272de&scoped=true&\", function () {\n      api.rerender('bf4272de', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/404.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/558893975fc01deb20977249d315f5c7.json b/node_modules/.cache/vue-loader/558893975fc01deb20977249d315f5c7.json
index 795143ce..d8d8e1fc 100644
--- a/node_modules/.cache/vue-loader/558893975fc01deb20977249d315f5c7.json
+++ b/node_modules/.cache/vue-loader/558893975fc01deb20977249d315f5c7.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673257804909},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props:['pageType','triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  流量组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props:['pageType','triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5589c68e0d8455ec4387f541fd1f9680.json b/node_modules/.cache/vue-loader/5589c68e0d8455ec4387f541fd1f9680.json
index 00800789..bc898977 100644
--- a/node_modules/.cache/vue-loader/5589c68e0d8455ec4387f541fd1f9680.json
+++ b/node_modules/.cache/vue-loader/5589c68e0d8455ec4387f541fd1f9680.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmqBA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs v-model=\"activeName\" type=\"border-card\" >\r\n        <el-tab-pane label=\"xx路口\" name=\"first\">\r\n            <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n          </div> -->\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <!-- <el-form-item label=\"实时性\">\r\n    <el-radio-group v-model=\"form.resource\">\r\n      <el-radio label=\"实时（触发）\"></el-radio>\r\n      <el-radio label=\"间隔\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item> -->\r\n          <el-form-item label=\"断面名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\">\r\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"car\"></el-option>\r\n              <el-option label=\"方向\" value=\"bus\"></el-option>\r\n              <el-option label=\"双向\" value=\"kache\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\r\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\r\n          <el-form-item label=\"区域名称\">\r\n            <el-input v-model=\"areaComponentform.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\r\n        <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\r\n          <el-form-item label=\"轨迹名称：\">\r\n            <el-input v-model=\"trackForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\r\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\r\n          <el-form-item label=\"速度组件名称：\">\r\n            <el-input v-model=\"speedForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\">\r\n            <el-input v-model=\"speedForm.num\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"speedForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item>\r\n        <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\r\n          <el-slider v-model=\"speedForm.time\" show-input>\r\n            </el-slider>\r\n        </el-form-item>\r\n        <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\r\n           <el-date-picker\r\n       v-model=\"speedForm.date\"\r\n      type=\"datetimerange\"\r\n      range-separator=\"至\"\r\n      start-placeholder=\"开始日期\"\r\n      end-placeholder=\"结束日期\">\r\n    </el-date-picker>\r\n        </el-form-item>\r\n          <el-form-item label=\"展现形式：\">\r\n            <el-checkbox-group v-model=\"speedForm.type\">\r\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      \r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      form: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      speedForm: {\r\n        name: '',\r\n        timeModel:'touch',\r\n        touchType:'实时（触发）',\r\n        num:'',\r\n        time:'',\r\n        date: '',\r\n        type: [],\r\n      },\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      carInfo: [], //小车信息\r\n      carName: '',\r\n      palletizerInfo: [], //码垛机信息\r\n      palletizerName: '',\r\n      destackerInfo: [], //拆垛机信息\r\n      destackerName: '',\r\n      hoistInfo: [], //提升机信息’\r\n      hoistName: '',\r\n      battaryStationInfo: [],//快换电池装置\r\n      battaryStationName: \"\",\r\n      conveyorInfo: [], //输送机信息\r\n      conveyorName: \"\",\r\n\r\n\r\n      activeName:\"first\"\r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n  created() {\r\n    this.testMqtt()\r\n\r\n  },\r\n  methods: {\r\n\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n    // 测试：mqtt测试\r\n    testMqtt() {\r\n      this.getDataByMqtt()\r\n      // 小车订阅\r\n      //   for (let key in this.carId) {\r\n      //     this.getDataByMqtt(\r\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Car\" + key,\r\n      //       this.carId[key]\r\n      //     );\r\n      //   }\r\n      //   //输送机入库订阅\r\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n      //       this.convoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   //输送机出库订阅\r\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n      //       this.outConvoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   for (let key in this.BattaryArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Battary_Sation\" + key,\r\n      //       this.BattaryArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 升降机订阅elvArr\r\n      //   for (let key in this.elvArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"ELV\" + key,\r\n      //       this.elvArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 拆码跺机订阅\r\n      //   for (let key in this.stampArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"INCMD\" + key,\r\n      //       this.stampArr[key]\r\n      //     );\r\n      //   }\r\n    },\r\n    onSubmit() { },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n    // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n       \r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n        //    this.client.connect('aaa', '111')\r\n          this.mqttClient.publish('aaa', '111');\r\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n          \r\n        });\r\n         \r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n             \r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n    Onweather(name) {\r\n      //   switch (name) {\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n      // \t\t\t\tcase \"阴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n      // \t\t\t\tcase \"暴雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n      // \t\t\t\tcase \"冰雹\":\r\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n      // \t\t\t\tcase \"大风\":\r\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n      // \t\t\t\tcase \"大雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n      // \t\t\t\tcase \"大雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n      // \t\t\t\tcase \"雷电\":\r\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n      // \t\t\t\tcase \"雷阵雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n      // \t\t\t\tcase \"沙尘暴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n      // \t\t\t\tcase \"晴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n      // \t\t\t\tcase \"雾霾\":\r\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n      // \t\t\t\tcase \"小雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n      // \t\t\t\tcase \"小雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n      // \t\t\t\tcase \"雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\r\n      // \t\t\t\tcase \"雨夹雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n      // \t\t\t\tcase \"月亮\":\r\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n      // \t\t\t\tcase \"中雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n      // \t\t\t\tcase \"中雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n      // \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox() {\r\n      this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+8BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n  window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/55925d53553ddb4ed658cbb9f111bf3a.json b/node_modules/.cache/vue-loader/55925d53553ddb4ed658cbb9f111bf3a.json
new file mode 100644
index 00000000..777d35d0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/55925d53553ddb4ed658cbb9f111bf3a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return {\r\n      itemList: [\r\n        { path: 'test3-1', title: '二级菜单3-1' },\r\n        { path: 'test3-2', title: '二级菜单3-2' }\r\n      ]\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/page/test3","sourcesContent":["<template>\r\n  <div>\r\n\r\n    <el-aside>\r\n      <SideMenu :itemList=\"itemList\"></SideMenu>\r\n    </el-aside>\r\n    <el-main>\r\n      <router-view></router-view>\r\n    </el-main>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return {\r\n      itemList: [\r\n        { path: 'test3-1', title: '二级菜单3-1' },\r\n        { path: 'test3-2', title: '二级菜单3-2' }\r\n      ]\r\n    }\r\n  }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/57dac704992228778b7025706631fa9b.json b/node_modules/.cache/vue-loader/57dac704992228778b7025706631fa9b.json
new file mode 100644
index 00000000..88435d8f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/57dac704992228778b7025706631fa9b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"wrapper\" },\n    [\n      _c(\n        \"el-aside\",\n        {\n          staticClass: \"aside\",\n          staticStyle: { width: \"13%\", position: \"absolute\", height: \"100%\" }\n        },\n        [\n          _c(\"div\", { staticClass: \"logo\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"@/assets/img/topTitle.png\"),\n                alt: \"\",\n                width: \"100%\",\n                height: \"100%\"\n              }\n            })\n          ]),\n          _c(\"SideMenu\", { attrs: { navMenus: _vm.leftMenus } })\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"header\" }, [\n        _c(\"div\", { staticClass: \"header-right\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"header-user-con\" },\n            [\n              _c(\n                \"div\",\n                {\n                  on: {\n                    click: function($event) {\n                      return _vm.handleChangeStyle()\n                    }\n                  }\n                },\n                [\n                  _c(\n                    \"el-tooltip\",\n                    { attrs: { content: \"切换主题\", placement: \"bottom\" } },\n                    [\n                      _c(\"i\", {\n                        class: _vm.globalTheme\n                          ? \"el-icon-moon\"\n                          : \"el-icon-sunny\"\n                      })\n                    ]\n                  )\n                ],\n                1\n              ),\n              _vm._m(0),\n              _c(\n                \"el-dropdown\",\n                {\n                  staticClass: \"user-name\",\n                  attrs: { trigger: \"click\" },\n                  on: { command: _vm.handleCommand }\n                },\n                [\n                  _c(\"span\", { staticClass: \"el-dropdown-link\" }, [\n                    _vm._v(\" \" + _vm._s(_vm.username) + \" \"),\n                    _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n                  ]),\n                  _c(\n                    \"el-dropdown-menu\",\n                    { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                    [\n                      _c(\"el-dropdown-item\", { attrs: { disabled: \"\" } }, [\n                        _vm._v(\"修改密码\")\n                      ]),\n                      _c(\n                        \"el-dropdown-item\",\n                        { attrs: { command: \"loginout\" } },\n                        [_vm._v(\"退出登录\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      ]),\n      _c(\"el-main\", [_c(\"router-view\")], 1)\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"user-avator\" }, [\n      _c(\"img\", { attrs: { src: require(\"@/assets/img/img.jpg\") } })\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5849444827f9bd87fe4020582dffa9bf.json b/node_modules/.cache/vue-loader/5849444827f9bd87fe4020582dffa9bf.json
new file mode 100644
index 00000000..fa1ecd4d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5849444827f9bd87fe4020582dffa9bf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&\"\nimport script from \"./InterfaceServerCertificates.vue?vue&type=script&lang=js&\"\nexport * from \"./InterfaceServerCertificates.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InterfaceServerCertificates.vue?vue&type=style&index=0&id=6fd57e96&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6fd57e96\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6fd57e96')) {\n      api.createRecord('6fd57e96', component.options)\n    } else {\n      api.reload('6fd57e96', component.options)\n    }\n    module.hot.accept(\"./InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&\", function () {\n      api.rerender('6fd57e96', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/InterfaceServerCertificates.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/586b19d73bcd1fe6f53e512485978061.json b/node_modules/.cache/vue-loader/586b19d73bcd1fe6f53e512485978061.json
new file mode 100644
index 00000000..4b2ee191
--- /dev/null
+++ b/node_modules/.cache/vue-loader/586b19d73bcd1fe6f53e512485978061.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/58a92f7e8cc528b1025e227dc10aa21e.json b/node_modules/.cache/vue-loader/58a92f7e8cc528b1025e227dc10aa21e.json
new file mode 100644
index 00000000..e736331d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/58a92f7e8cc528b1025e227dc10aa21e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5ac31694d5d7fc81c55e35339421c168.json b/node_modules/.cache/vue-loader/5ac31694d5d7fc81c55e35339421c168.json
new file mode 100644
index 00000000..c0f65130
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5ac31694d5d7fc81c55e35339421c168.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue?vue&type=template&id=ecdd0f0a&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", [_vm._v(\"主机\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"名称：\", \"label-width\": _vm.formLabelWidth } },\n              [\n                _c(\"el-input\", {\n                  staticStyle: { width: \"50%\" },\n                  attrs: { autocomplete: \"off\" },\n                  model: {\n                    value: _vm.sizeForm.name,\n                    callback: function($$v) {\n                      _vm.$set(_vm.sizeForm, \"name\", $$v)\n                    },\n                    expression: \"sizeForm.name\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"时间：\", \"label-width\": _vm.formLabelWidth } },\n              [\n                _c(\"el-date-picker\", {\n                  staticStyle: { width: \"50%\" },\n                  attrs: {\n                    type: \"date\",\n                    placeholder: \"选择日期\",\n                    autocomplete: \"off\"\n                  },\n                  model: {\n                    value: _vm.sizeForm.date1,\n                    callback: function($$v) {\n                      _vm.$set(_vm.sizeForm, \"date1\", $$v)\n                    },\n                    expression: \"sizeForm.date1\"\n                  }\n                }),\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { \"margin-left\": \"10px\" },\n                    attrs: { type: \"primary\", size: \"small\" }\n                  },\n                  [_vm._v(\"自动校验\")]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"备份&恢复\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"备份服务器设置：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"备份\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"还原服务器设置：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 3 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", disabled: \"\", size: \"small\" }\n                      },\n                      [_vm._v(\"备份\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"出厂默认值\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"还原服务器设置：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleReset()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重置默认值\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"重新启动\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"重新启动系统：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重新启动\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5c76ed114bc12d666f0959a8c99ad806.json b/node_modules/.cache/vue-loader/5c76ed114bc12d666f0959a8c99ad806.json
index 1b15d76c..14a083d0 100644
--- a/node_modules/.cache/vue-loader/5c76ed114bc12d666f0959a8c99ad806.json
+++ b/node_modules/.cache/vue-loader/5c76ed114bc12d666f0959a8c99ad806.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673318349844},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\"\nimport script from \"./delayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./delayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02017ef9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('02017ef9')) {\n      api.createRecord('02017ef9', component.options)\n    } else {\n      api.reload('02017ef9', component.options)\n    }\n    module.hot.accept(\"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\", function () {\n      api.rerender('02017ef9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/delayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673517881662},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\"\nimport script from \"./delayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./delayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02017ef9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('02017ef9')) {\n      api.createRecord('02017ef9', component.options)\n    } else {\n      api.reload('02017ef9', component.options)\n    }\n    module.hot.accept(\"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\", function () {\n      api.rerender('02017ef9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/delayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5c80932a6517033ed7e35b7cdb99ace7.json b/node_modules/.cache/vue-loader/5c80932a6517033ed7e35b7cdb99ace7.json
new file mode 100644
index 00000000..a043c091
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5c80932a6517033ed7e35b7cdb99ace7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <!-- <p>主体页面 1 - 2 </p>\n  <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <h1>运行状态</h1>\n    <el-form :model=\"runningState\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\n      <el-form-item label=\"类型：\">{{ runningState.type }}</el-form-item>\n      <el-form-item label=\"版本：\">{{ runningState.version }}</el-form-item>\n      <el-form-item label=\"当前系统时间：\">{{ runningState.currentTime }}</el-form-item>\n      <el-form-item label=\"开始运行时间：\">{{ runningState.startTime }}</el-form-item>\n      <el-form-item label=\"正常运行时长：\">{{ runningState.runTime }}</el-form-item>\n    </el-form>\n\n    <h1 class=\"mar-top20\">系统性能状态</h1>\n    <el-form :model=\"performance\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\n      <el-form-item label=\"正常运行时长：\">{{ performance.runTime }}</el-form-item>\n      <el-form-item label=\"平均Cpu利用率：\">{{ performance.averageCpuUtilization }}</el-form-item>\n      <el-form-item label=\"Cpu利用率：\">{{ performance.cpuUtilization }}</el-form-item>\n      <el-form-item label=\"Cpu温度：\">{{ performance.cpuTemperature }}</el-form-item>\n      <el-form-item label=\"Cpu名称：\">{{ performance.cpuName }}</el-form-item>\n      <el-form-item label=\"Gpu利用率：\">{{ performance.gpuUtilization }}</el-form-item>\n      <el-form-item label=\"Gpu温度：\">{{ performance.gpuTemperature }}</el-form-item>\n      <el-form-item label=\"使用的内存：\">{{ performance.memoryUsage }}</el-form-item>\n      <el-form-item label=\"内存总数：\">{{ performance.totalMemory }}</el-form-item>\n      <el-form-item label=\"已使用虚拟内存：\">{{ performance.virtualMemoryUsed }}</el-form-item>\n      <el-form-item label=\"虚拟内存总计：\">{{ performance.totalVirtualMemory }}</el-form-item>\n    </el-form>\n\n    <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\n      <el-table-column prop=\"mountingPoint\" label=\"安装点\">\n      </el-table-column>\n      <el-table-column prop=\"equipmentName\" label=\"设备名称\">\n      </el-table-column>\n      <el-table-column prop=\"occupancy\" label=\"使用\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.occupancy }}GB\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"total\" label=\"容量\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.total }}GB\n        </template>\n      </el-table-column>\n    </el-table>\n\n\n    <h1 class=\"mar-top20\">系统网络状态</h1>\n    <el-form :model=\"networkStatus\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\n      <el-form-item label=\"互联网接入：\">{{ networkStatus.internetAccess }}</el-form-item>\n      <el-form-item label=\"互联网延迟：\">{{ networkStatus.internetDelay }}</el-form-item>\n      <el-form-item label=\"DNS访问：\">{{ networkStatus.DNS }}</el-form-item>\n      <el-form-item label=\"本地VPN访问：\">{{ networkStatus.VPNvisit }}</el-form-item>\n      <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPN }}</el-form-item>\n      <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPNOpen }}</el-form-item>\n    </el-form>\n\n    <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\n      <el-table-column prop=\"connect\" label=\"连接\">\n      </el-table-column>\n      <el-table-column prop=\"IP\" label=\"IP地址\">\n      </el-table-column>\n      <el-table-column prop=\"acceptor\" label=\"接受\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.occupancy }}K\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"totalReceived\" label=\"收到的总数\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.total }}GB\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"transmission\" label=\"传输\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.total }}Kb/s\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"transmissionTotal\" label=\"传输的总数\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.total }}MB\n        </template>\n      </el-table-column>\n    </el-table>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5ca4fa5f429ff18aff8587e091f7a577.json b/node_modules/.cache/vue-loader/5ca4fa5f429ff18aff8587e091f7a577.json
new file mode 100644
index 00000000..a56601bd
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5ca4fa5f429ff18aff8587e091f7a577.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673593138887},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    created() {\r\n        // console.log(this.data, 'headway');\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5cba200940587d9bd75fd35e220dd8a5.json b/node_modules/.cache/vue-loader/5cba200940587d9bd75fd35e220dd8a5.json
new file mode 100644
index 00000000..0e578214
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5cba200940587d9bd75fd35e220dd8a5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673592663793},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\"\nimport script from \"./speedChart.vue?vue&type=script&lang=js&\"\nexport * from \"./speedChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"dd5ad696\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('dd5ad696')) {\n      api.createRecord('dd5ad696', component.options)\n    } else {\n      api.reload('dd5ad696', component.options)\n    }\n    module.hot.accept(\"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\", function () {\n      api.rerender('dd5ad696', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/speedChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5cd0f61f2fba25ed9512cb397438bb2e.json b/node_modules/.cache/vue-loader/5cd0f61f2fba25ed9512cb397438bb2e.json
new file mode 100644
index 00000000..f990edeb
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5cd0f61f2fba25ed9512cb397438bb2e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue","mtime":1673516645857},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> OD组件</p>\n    <div class=\"border\">\n        <detailDialog :msg=\"tableData\" />\n        <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n        <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n        <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5d44474f3ab8ada1760f468bb9a51750.json b/node_modules/.cache/vue-loader/5d44474f3ab8ada1760f468bb9a51750.json
new file mode 100644
index 00000000..e272f6eb
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5d44474f3ab8ada1760f468bb9a51750.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"编辑\",\n            visible: _vm.dialogVisible,\n            width: \"40%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择\" },\n                      model: {\n                        value: _vm.value,\n                        callback: function($$v) {\n                          _vm.value = $$v\n                        },\n                        expression: \"value\"\n                      }\n                    },\n                    _vm._l(_vm.options, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [_c(\"el-input\")],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    { attrs: { type: \"primary\" }, on: { click: _vm.onSubmit } },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5dd12398dba01fde993a8a159a0812c0.json b/node_modules/.cache/vue-loader/5dd12398dba01fde993a8a159a0812c0.json
new file mode 100644
index 00000000..aeda2019
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5dd12398dba01fde993a8a159a0812c0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue?vue&type=template&id=0aec45ad&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 2 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5e0638f71952cdb2077ba6aa149fef2a.json b/node_modules/.cache/vue-loader/5e0638f71952cdb2077ba6aa149fef2a.json
new file mode 100644
index 00000000..2feff182
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5e0638f71952cdb2077ba6aa149fef2a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n         <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option>\r\n\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/5f4e682be1bea50bbd79f955bbb232dd.json b/node_modules/.cache/vue-loader/5f4e682be1bea50bbd79f955bbb232dd.json
new file mode 100644
index 00000000..1a892076
--- /dev/null
+++ b/node_modules/.cache/vue-loader/5f4e682be1bea50bbd79f955bbb232dd.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673590085904},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon {\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent {\r\n    border: 1px solid #e4e7ed;\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"plate\" label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"lane\" label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"headWay\" label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon {\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent {\r\n    border: 1px solid #e4e7ed;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6004f1273df4b2a3e6cf0ada5de0a01e.json b/node_modules/.cache/vue-loader/6004f1273df4b2a3e6cf0ada5de0a01e.json
new file mode 100644
index 00000000..a336229a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6004f1273df4b2a3e6cf0ada5de0a01e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test1-3.vue?vue&type=template&id=0afa5d2e&\"\nimport script from \"./test1-3.vue?vue&type=script&lang=js&\"\nexport * from \"./test1-3.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0afa5d2e')) {\n      api.createRecord('0afa5d2e', component.options)\n    } else {\n      api.reload('0afa5d2e', component.options)\n    }\n    module.hot.accept(\"./test1-3.vue?vue&type=template&id=0afa5d2e&\", function () {\n      api.rerender('0afa5d2e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test1/test1-3.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/60ef304172256453b77bca4e4a2a6a3e.json b/node_modules/.cache/vue-loader/60ef304172256453b77bca4e4a2a6a3e.json
index 66ec9a53..85c36060 100644
--- a/node_modules/.cache/vue-loader/60ef304172256453b77bca4e4a2a6a3e.json
+++ b/node_modules/.cache/vue-loader/60ef304172256453b77bca4e4a2a6a3e.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&\"\nimport script from \"./SideMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./SideMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SideMenu.vue?vue&type=style&index=0&id=2a67f262&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2a67f262\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2a67f262')) {\n      api.createRecord('2a67f262', component.options)\n    } else {\n      api.reload('2a67f262', component.options)\n    }\n    module.hot.accept(\"./SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&\", function () {\n      api.rerender('2a67f262', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/sidemenu/SideMenu.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&\"\nimport script from \"./SideMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./SideMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SideMenu.vue?vue&type=style&index=0&id=2a67f262&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2a67f262\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2a67f262')) {\n      api.createRecord('2a67f262', component.options)\n    } else {\n      api.reload('2a67f262', component.options)\n    }\n    module.hot.accept(\"./SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&\", function () {\n      api.rerender('2a67f262', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/sidemenu/SideMenu.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/60f478364cd2956143c91148a3d60403.json b/node_modules/.cache/vue-loader/60f478364cd2956143c91148a3d60403.json
index 551bd2c3..f173ee87 100644
--- a/node_modules/.cache/vue-loader/60f478364cd2956143c91148a3d60403.json
+++ b/node_modules/.cache/vue-loader/60f478364cd2956143c91148a3d60403.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"navMenu\" },\n    [\n      _c(\n        \"el-menu\",\n        {\n          staticClass: \"el-menu-vertical-demo\",\n          attrs: {\n            router: \"\",\n            \"default-active\": _vm.$route.path,\n            \"text-color\": \"#fff\",\n            \"active-text-color\": \"#ffd04b\"\n          }\n        },\n        _vm._l(_vm.navMenus, function(navMenu) {\n          return _c(\n            \"label\",\n            [\n              !navMenu.children\n                ? _c(\n                    \"el-menu-item\",\n                    { attrs: { index: navMenu.path, route: navMenu.path } },\n                    [\n                      _c(\"i\", { class: navMenu.icon }),\n                      _c(\"span\", { attrs: { slot: \"title\" }, slot: \"title\" }, [\n                        _vm._v(_vm._s(navMenu.title))\n                      ])\n                    ]\n                  )\n                : _vm._e(),\n              navMenu.children\n                ? _c(\n                    \"el-submenu\",\n                    { key: navMenu.path, attrs: { index: navMenu.path } },\n                    [\n                      _c(\"template\", { slot: \"title\" }, [\n                        _c(\"i\", { class: navMenu.icon }),\n                        _c(\"span\", [_vm._v(\" \" + _vm._s(navMenu.title))])\n                      ]),\n                      _c(\"nav-menu\", { attrs: { navMenus: navMenu.children } })\n                    ],\n                    2\n                  )\n                : _vm._e()\n            ],\n            1\n          )\n        }),\n        0\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"navMenu\" },\n    [\n      _c(\n        \"el-menu\",\n        {\n          staticClass: \"el-menu-vertical-demo\",\n          attrs: {\n            router: \"\",\n            \"default-active\": _vm.defaultActive,\n            \"text-color\": \"#fff\",\n            \"active-text-color\": \"#ffd04b\"\n          }\n        },\n        [_c(\"menu-tree\", { attrs: { menuNavList: _vm.navMenus } })],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/61059d402d04b9560e001098a4de54af.json b/node_modules/.cache/vue-loader/61059d402d04b9560e001098a4de54af.json
new file mode 100644
index 00000000..e3df59a4
--- /dev/null
+++ b/node_modules/.cache/vue-loader/61059d402d04b9560e001098a4de54af.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IPSetting.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./IPSetting.vue?vue&type=template&id=386da402&scoped=true&\"\nimport script from \"./IPSetting.vue?vue&type=script&lang=js&\"\nexport * from \"./IPSetting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IPSetting.vue?vue&type=style&index=0&id=386da402&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"386da402\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('386da402')) {\n      api.createRecord('386da402', component.options)\n    } else {\n      api.reload('386da402', component.options)\n    }\n    module.hot.accept(\"./IPSetting.vue?vue&type=template&id=386da402&scoped=true&\", function () {\n      api.rerender('386da402', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/IPSetting.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/61345bcffc900404f503db78b73b6351.json b/node_modules/.cache/vue-loader/61345bcffc900404f503db78b73b6351.json
new file mode 100644
index 00000000..bd8ba5b5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/61345bcffc900404f503db78b73b6351.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\StateOperation.vue?vue&type=style&index=0&id=48ceb990&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.mar-top20 {\r\n  margin-top: 20px;\r\n}\r\n",{"version":3,"sources":["StateOperation.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA","file":"StateOperation.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <!-- <p>主体页面 1 - 2 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <h1>运行状态</h1>\r\n      <el-form :model=\"runningState\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"类型：\">{{ runningState.type }}</el-form-item>\r\n        <el-form-item label=\"版本：\">{{ runningState.version }}</el-form-item>\r\n        <el-form-item label=\"当前系统时间：\">{{ runningState.currentTime }}</el-form-item>\r\n        <el-form-item label=\"开始运行时间：\">{{ runningState.startTime }}</el-form-item>\r\n        <el-form-item label=\"正常运行时长：\">{{ runningState.runTime }}</el-form-item>\r\n      </el-form>\r\n\r\n      <h1 class=\"mar-top20\">系统性能状态</h1>\r\n      <el-form :model=\"performance\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"正常运行时长：\">{{ performance.runTime }}</el-form-item>\r\n        <el-form-item label=\"平均Cpu利用率：\">{{ performance.averageCpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Cpu利用率：\">{{ performance.cpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Cpu温度：\">{{ performance.cpuTemperature }}</el-form-item>\r\n        <el-form-item label=\"Cpu名称：\">{{ performance.cpuName }}</el-form-item>\r\n        <el-form-item label=\"Gpu利用率：\">{{ performance.gpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Gpu温度：\">{{ performance.gpuTemperature }}</el-form-item>\r\n        <el-form-item label=\"使用的内存：\">{{ performance.memoryUsage }}</el-form-item>\r\n        <el-form-item label=\"内存总数：\">{{ performance.totalMemory }}</el-form-item>\r\n        <el-form-item label=\"已使用虚拟内存：\">{{ performance.virtualMemoryUsed }}</el-form-item>\r\n        <el-form-item label=\"虚拟内存总计：\">{{ performance.totalVirtualMemory }}</el-form-item>\r\n      </el-form>\r\n\r\n      <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\r\n        <el-table-column prop=\"mountingPoint\" label=\"安装点\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"equipmentName\" label=\"设备名称\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"occupancy\" label=\"使用\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.occupancy }}GB\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"total\" label=\"容量\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}GB\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n\r\n      <h1 class=\"mar-top20\">系统网络状态</h1>\r\n      <el-form :model=\"networkStatus\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"互联网接入：\">{{ networkStatus.internetAccess }}</el-form-item>\r\n        <el-form-item label=\"互联网延迟：\">{{ networkStatus.internetDelay }}</el-form-item>\r\n        <el-form-item label=\"DNS访问：\">{{ networkStatus.DNS }}</el-form-item>\r\n        <el-form-item label=\"本地VPN访问：\">{{ networkStatus.VPNvisit }}</el-form-item>\r\n        <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPN }}</el-form-item>\r\n        <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPNOpen }}</el-form-item>\r\n      </el-form>\r\n\r\n      <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\r\n        <el-table-column prop=\"connect\" label=\"连接\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"IP\" label=\"IP地址\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"acceptor\" label=\"接受\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.occupancy }}K\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"totalReceived\" label=\"收到的总数\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}GB\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"transmission\" label=\"传输\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}Kb/s\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"transmissionTotal\" label=\"传输的总数\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}MB\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      runningState: {\r\n        type: '',\r\n        version: '',\r\n        currentTime: '',\r\n        startTime: '',\r\n        runTime: '',\r\n      },\r\n      performance: {\r\n        runTime: '',\r\n        averageCpuUtilization: '',\r\n        cpuUtilization: '',\r\n        cpuTemperature: '',\r\n        cpuName: '',\r\n        gpuUtilization: '',\r\n        gpuTemperature: '',\r\n        memoryUsage: '',\r\n        totalMemory: '',\r\n        virtualMemoryUsed: '',\r\n        totalVirtualMemory: '',\r\n      },\r\n      mountingPointTable: [\r\n        {\r\n          mountingPoint: '2016-05-02',\r\n          equipmentName: '王小虎',\r\n          occupancy: '上海市普陀区金沙江路 1518 弄',\r\n          total: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ],\r\n      networkStatus: {\r\n        internetAccess: '',\r\n        internetDelay: '',\r\n        DNS: '',\r\n        VPNvisit: '',\r\n        serverVPN: '',\r\n        serverVPNOpen: '',\r\n      },\r\n      networkStatus: [\r\n        {\r\n          connect: '2016-05-02',\r\n          IP: '王小虎',\r\n          acceptor: '上海市普陀区金沙江路 1518 弄',\r\n          totalReceived: '上海市普陀区金沙江路 1518 弄',\r\n          transmission: '上海市普陀区金沙江路 1518 弄',\r\n          transmissionTotal: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ]\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.mar-top20 {\r\n  margin-top: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/614b57551472e3d940393f37f2c7ccb6.json b/node_modules/.cache/vue-loader/614b57551472e3d940393f37f2c7ccb6.json
new file mode 100644
index 00000000..4a445b7c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/614b57551472e3d940393f37f2c7ccb6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue?vue&type=template&id=2e639ef0&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 3 </p>\r\n    <div class=\"test-div\" style=\"width:400px;\">\r\n      <el-carousel height=\"150px\" class=\"customize-carousel\">\r\n        <el-carousel-item v-for=\"item in 4\" :key=\"item\">\r\n          <h3>{{ item }}</h3>\r\n        </el-carousel-item>\r\n      </el-carousel>\r\n    </div>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/617b42173439d0aec3a0f9d33988f2a7.json b/node_modules/.cache/vue-loader/617b42173439d0aec3a0f9d33988f2a7.json
new file mode 100644
index 00000000..b5f9c5db
--- /dev/null
+++ b/node_modules/.cache/vue-loader/617b42173439d0aec3a0f9d33988f2a7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue","mtime":1673517268854},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 延误组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/61fb4e73b268bb945edff25f1dc7b9fe.json b/node_modules/.cache/vue-loader/61fb4e73b268bb945edff25f1dc7b9fe.json
new file mode 100644
index 00000000..5d134226
--- /dev/null
+++ b/node_modules/.cache/vue-loader/61fb4e73b268bb945edff25f1dc7b9fe.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\nexport default {\n  data(){\n    return{\n      \n    }\n  }\n}\n",{"version":3,"sources":["Permission.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;;AAEA;AACA;AACA","file":"Permission.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div>\r\n\r\n    <div class=\"crumbs\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item><i class=\"el-icon-warning\"></i> 权限测试</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </div>\r\n    <div class=\"container\">\r\n      <h1>管理员权限页面</h1>\r\n      <p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p>\r\n      <p>想尝试一下，请<router-link to=\"/Login\" class=\"logout\">退出登录</router-link>，随便输入个账号名，再进来试试看。</p>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    data(){\r\n      return{\r\n        \r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\nh1{\r\n  text-align: center;\r\n  margin: 30px 0;\r\n}\r\np{\r\n  line-height: 30px;\r\n  margin-bottom: 10px;\r\n  text-indent: 2em;\r\n}\r\n.logout{\r\n  color: #409EFF;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/631bba56d49cb95557253f441a387fc5.json b/node_modules/.cache/vue-loader/631bba56d49cb95557253f441a387fc5.json
new file mode 100644
index 00000000..8ed04e15
--- /dev/null
+++ b/node_modules/.cache/vue-loader/631bba56d49cb95557253f441a387fc5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue?vue&type=template&id=2e55876f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", [_vm._v(\"主体页面 2 - 2 \")]),\n        _c(\n          \"div\",\n          { staticClass: \"table-container\" },\n          [\n            _c(\n              \"el-table\",\n              {\n                ref: \"Table2\",\n                staticStyle: { width: \"100%\" },\n                attrs: {\n                  data: _vm.list,\n                  \"show-overflow-tooltip\": \"true\",\n                  border: \"\"\n                },\n                on: { \"selection-change\": _vm.handleSelectionChange }\n              },\n              [\n                _c(\"el-table-column\", {\n                  attrs: { type: \"selection\", align: \"center\" }\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    type: \"index\",\n                    label: \"序号\",\n                    align: \"center\",\n                    width: \"50\"\n                  }\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"人员ID\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [_vm._v(_vm._s(scope.row.PersonID))]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"人员姓名\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [_vm._v(_vm._s(scope.row.FullName))]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"学历\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [_vm._v(_vm._s(scope.row.Degree))]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"毕业院校\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [_vm._v(_vm._s(scope.row.University))]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"专业\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [_vm._v(_vm._s(scope.row.Major))]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"入校时间\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [_vm._v(_vm._s(scope.row.AdmissionTime))]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"毕业时间\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [_vm._v(_vm._s(scope.row.GraduationTime))]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: { label: \"截止日期\", align: \"center\" },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [_vm._v(_vm._s(scope.row.EndDate))]\n                      }\n                    }\n                  ])\n                }),\n                _c(\"el-table-column\", {\n                  attrs: {\n                    label: \"操作\",\n                    width: \"120\",\n                    align: \"center\",\n                    fixed: \"right\"\n                  },\n                  scopedSlots: _vm._u([\n                    {\n                      key: \"default\",\n                      fn: function(scope) {\n                        return [\n                          _c(\n                            \"el-button\",\n                            {\n                              attrs: { type: \"text\" },\n                              on: {\n                                click: function($event) {\n                                  return _vm.handleUpdate(\n                                    scope.$index,\n                                    scope.row\n                                  )\n                                }\n                              }\n                            },\n                            [_vm._v(\"编辑\")]\n                          ),\n                          _c(\n                            \"el-button\",\n                            {\n                              attrs: { type: \"text\" },\n                              on: {\n                                click: function($event) {\n                                  return _vm.handleDelete(\n                                    scope.$index,\n                                    scope.row\n                                  )\n                                }\n                              }\n                            },\n                            [_vm._v(\"删除\")]\n                          )\n                        ]\n                      }\n                    }\n                  ])\n                })\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\"Pagination\", {\n          attrs: {\n            total: _vm.total,\n            page: _vm.listQuery.pageNum,\n            limit: _vm.listQuery.pageSize\n          },\n          on: {\n            \"update:page\": function($event) {\n              return _vm.$set(_vm.listQuery, \"pageNum\", $event)\n            },\n            \"update:limit\": function($event) {\n              return _vm.$set(_vm.listQuery, \"pageSize\", $event)\n            },\n            pagination: _vm.getList\n          }\n        })\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/63735bb0092220ad3dbebb33d24459af.json b/node_modules/.cache/vue-loader/63735bb0092220ad3dbebb33d24459af.json
index 737faca4..b4df513d 100644
--- a/node_modules/.cache/vue-loader/63735bb0092220ad3dbebb33d24459af.json
+++ b/node_modules/.cache/vue-loader/63735bb0092220ad3dbebb33d24459af.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673319362963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./avgChart.vue?vue&type=template&id=1027cecd&\"\nimport script from \"./avgChart.vue?vue&type=script&lang=js&\"\nexport * from \"./avgChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1027cecd')) {\n      api.createRecord('1027cecd', component.options)\n    } else {\n      api.reload('1027cecd', component.options)\n    }\n    module.hot.accept(\"./avgChart.vue?vue&type=template&id=1027cecd&\", function () {\n      api.rerender('1027cecd', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/avgChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./avgChart.vue?vue&type=template&id=1027cecd&\"\nimport script from \"./avgChart.vue?vue&type=script&lang=js&\"\nexport * from \"./avgChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1027cecd')) {\n      api.createRecord('1027cecd', component.options)\n    } else {\n      api.reload('1027cecd', component.options)\n    }\n    module.hot.accept(\"./avgChart.vue?vue&type=template&id=1027cecd&\", function () {\n      api.rerender('1027cecd', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/avgChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6449202e5013e3f51ea21833c4576eec.json b/node_modules/.cache/vue-loader/6449202e5013e3f51ea21833c4576eec.json
new file mode 100644
index 00000000..9fd41b18
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6449202e5013e3f51ea21833c4576eec.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue","mtime":1673425086639},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\"\nimport script from \"./thermalChart.vue?vue&type=script&lang=js&\"\nexport * from \"./thermalChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1a931328\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1a931328')) {\n      api.createRecord('1a931328', component.options)\n    } else {\n      api.reload('1a931328', component.options)\n    }\n    module.hot.accept(\"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\", function () {\n      api.rerender('1a931328', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/thermalChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/64f1a4b5df372d79d975c6af3a833e55.json b/node_modules/.cache/vue-loader/64f1a4b5df372d79d975c6af3a833e55.json
new file mode 100644
index 00000000..c5f94997
--- /dev/null
+++ b/node_modules/.cache/vue-loader/64f1a4b5df372d79d975c6af3a833e55.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue","mtime":1673315311937},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"barChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"barChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/657c76c0588afe8c852365ddec5d7e91.json b/node_modules/.cache/vue-loader/657c76c0588afe8c852365ddec5d7e91.json
new file mode 100644
index 00000000..a15bf430
--- /dev/null
+++ b/node_modules/.cache/vue-loader/657c76c0588afe8c852365ddec5d7e91.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673345291555},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"analysis\" }, [\n    _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          false\n            ? _c(\n                \"el-form\",\n                {\n                  staticClass: \"demo-form-inline\",\n                  attrs: {\n                    inline: true,\n                    model: _vm.formInline,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\"div\", { staticClass: \"warning\" }, [\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"自动保存\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                    )\n                  ]),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"自动保存：\" } },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value: _vm.formInline.user,\n                          callback: function($$v) {\n                            _vm.$set(_vm.formInline, \"user\", $$v)\n                          },\n                          expression: \"formInline.user\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"时间间隔：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          attrs: { placeholder: \"时间间隔\" },\n                          model: {\n                            value: _vm.formInline.region,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"region\", $$v)\n                            },\n                            expression: \"formInline.region\"\n                          }\n                        },\n                        [\n                          _c(\"el-option\", {\n                            attrs: { label: \"20s\", value: \"shanghai\" }\n                          }),\n                          _c(\"el-option\", {\n                            attrs: { label: \"30s\", value: \"beijing\" }\n                          })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            : _vm._e(),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              staticStyle: { \"margin-top\": \"15px\" },\n              attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n            },\n            [\n              false\n                ? _c(\"div\", { staticClass: \"warning\" }, [\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"重置分析\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                    )\n                  ])\n                : _vm._e(),\n              false\n                ? _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"重置\")]\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"warning\",\n                  staticStyle: { \"margin-top\": \"15px\" }\n                },\n                [\n                  _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"相机位置\")]),\n                  _c(\"i\", {\n                    staticClass: \"el-icon-warning\",\n                    staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                  }),\n                  _vm._v(\"在 WGS84 坐标系中输入相机位置\\n                    \")\n                ]\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"相机位置：\" } },\n                [\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"150px\" },\n                    attrs: { size: \"small\", placeholder: \"经度\" },\n                    model: {\n                      value: _vm.sizeForm.name,\n                      callback: function($$v) {\n                        _vm.$set(_vm.sizeForm, \"name\", $$v)\n                      },\n                      expression: \"sizeForm.name\"\n                    }\n                  }),\n                  _c(\"el-input\", {\n                    staticStyle: { width: \"150px\", \"margin-left\": \"20px\" },\n                    attrs: { size: \"small\", placeholder: \"纬度\" },\n                    model: {\n                      value: _vm.sizeForm.name,\n                      callback: function($$v) {\n                        _vm.$set(_vm.sizeForm, \"name\", $$v)\n                      },\n                      expression: \"sizeForm.name\"\n                    }\n                  })\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticStyle: { \"margin-top\": \"15px\" } },\n            [\n              _c(\n                \"el-button\",\n                {\n                  staticStyle: { width: \"150px\" },\n                  attrs: { type: \"primary\", size: \"small\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleagain()\n                    }\n                  }\n                },\n                [_vm._v(\"保存\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(0),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.coordinateForm, \"label-width\": \"fit-content\" }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"坐标转换开关：\" } },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.coordinateForm.coordinateClose,\n                      callback: function($$v) {\n                        _vm.$set(_vm.coordinateForm, \"coordinateClose\", $$v)\n                      },\n                      expression: \"coordinateForm.coordinateClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { staticClass: \"otherThings\", attrs: { label: \"UTM区：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        attrs: {\n                          \"controls-position\": \"right\",\n                          size: \"small\",\n                          min: 1,\n                          max: 10\n                        },\n                        on: { change: _vm.handleChange },\n                        model: {\n                          value: _vm.coordinateForm.num,\n                          callback: function($$v) {\n                            _vm.$set(_vm.coordinateForm, \"num\", $$v)\n                          },\n                          expression: \"coordinateForm.num\"\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"warning\" }, [\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"地理参照允许测量物理速度和静态图像源的距离。\\n                            \"\n                        )\n                      ])\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"半球：\" } },\n                    [\n                      _c(\n                        \"el-select\",\n                        {\n                          attrs: { size: \"small\", placeholder: \"请选择\" },\n                          model: {\n                            value: _vm.coordinateForm.value,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"value\", $$v)\n                            },\n                            expression: \"coordinateForm.value\"\n                          }\n                        },\n                        _vm._l(_vm.options, function(item) {\n                          return _c(\"el-option\", {\n                            key: item.value,\n                            attrs: { label: item.label, value: item.value }\n                          })\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"坐标转换：\" } },\n                    [\n                      _c(\n                        \"el-radio-group\",\n                        {\n                          model: {\n                            value: _vm.coordinateForm.coordinateTransformation,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.coordinateForm,\n                                \"coordinateTransformation\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"coordinateForm.coordinateTransformation\"\n                          }\n                        },\n                        [\n                          _c(\"el-radio\", { attrs: { label: \"84坐标系\" } }),\n                          _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"div\",\n                    {\n                      staticStyle: {\n                        width: \"100%\",\n                        height: \"400px\",\n                        \"margin-bottom\": \"10px\"\n                      }\n                    },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModuleTop\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        },\n                        on: { load: _vm.load }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              _vm.coordinateForm.coordinateClose == true\n                ? _c(\n                    \"el-table\",\n                    { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                    [\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"name\",\n                          label: \"点名称\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"30\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.name,\n                                          callback: function($$v) {\n                                            _vm.$set(scope.row, \"name\", $$v)\n                                          },\n                                          expression: \"scope.row.name\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(scope.row.name)\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          1861943855\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"longitude\",\n                          label: \"经度\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.longitude,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"longitude\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.longitude\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.longitude\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          452909755\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"latitude\",\n                          label: \"纬度\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.latitude,\n                                          callback: function($$v) {\n                                            _vm.$set(scope.row, \"latitude\", $$v)\n                                          },\n                                          expression: \"scope.row.latitude\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.latitude\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2766622075\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          label: \"操作\",\n                          align: \"center\",\n                          \"class-name\": \"small-padding fixed-width\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleAdd(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"Add\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleUpdate(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Apply\"\n                                                : \"Edit\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#f56c6c\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleDelete(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Cancel\"\n                                                : \"Delete\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e()\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2051407138\n                        )\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                { staticStyle: { \"margin-top\": \"15px\" } },\n                [\n                  _vm.coordinateForm.coordinateClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(1),\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    {\n                      attrs: {\n                        label: \"车道识别配置开关：\",\n                        \"label-width\": \"150px\"\n                      }\n                    },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value: _vm.laneform.laneClose,\n                          callback: function($$v) {\n                            _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                          },\n                          expression: \"laneform.laneClose\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"div\",\n                        { staticStyle: { width: \"100%\", height: \"400px\" } },\n                        [\n                          _c(\"iframe\", {\n                            staticStyle: { width: \"100%\", height: \"100%\" },\n                            attrs: {\n                              id: \"mapModule\",\n                              src: \"./VideoWeb/index.html\",\n                              frameborder: \"0\"\n                            }\n                          })\n                        ]\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"300px\" },\n                          attrs: { label: \"各车道中心线（区域检测器）：\" }\n                        },\n                        [\n                          _c(\"el-switch\", {\n                            model: {\n                              value: _vm.laneform.areaDetector,\n                              callback: function($$v) {\n                                _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                              },\n                              expression: \"laneform.areaDetector\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"300px\" },\n                          attrs: {\n                            label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                          }\n                        },\n                        [\n                          _c(\"el-switch\", {\n                            model: {\n                              value: _vm.laneform.sectionDetector,\n                              callback: function($$v) {\n                                _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                              },\n                              expression: \"laneform.sectionDetector\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.laneform.laneClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(2),\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.identificationAreaform,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    {\n                      staticStyle: { width: \"250px\" },\n                      attrs: { label: \"识别区域开关：\" }\n                    },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value:\n                            _vm.identificationAreaform.identificationAreaClose,\n                          callback: function($$v) {\n                            _vm.$set(\n                              _vm.identificationAreaform,\n                              \"identificationAreaClose\",\n                              $$v\n                            )\n                          },\n                          expression:\n                            \"identificationAreaform.identificationAreaClose\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.identificationAreaform.identificationAreaClose == true\n                    ? _c(\n                        \"div\",\n                        { staticStyle: { width: \"100%\", height: \"400px\" } },\n                        [\n                          _c(\"iframe\", {\n                            staticStyle: { width: \"100%\", height: \"100%\" },\n                            attrs: {\n                              id: \"mapModule\",\n                              src: \"./VideoWeb/index.html\",\n                              frameborder: \"0\"\n                            }\n                          })\n                        ]\n                      )\n                    : _vm._e(),\n                  _vm.identificationAreaform.identificationAreaClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(3),\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.trajectorySmoothingform,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    {\n                      staticStyle: { width: \"250px\" },\n                      attrs: { label: \"轨迹平滑开关：\" }\n                    },\n                    [\n                      _c(\"el-switch\", {\n                        model: {\n                          value:\n                            _vm.trajectorySmoothingform\n                              .trajectorySmoothingClose,\n                          callback: function($$v) {\n                            _vm.$set(\n                              _vm.trajectorySmoothingform,\n                              \"trajectorySmoothingClose\",\n                              $$v\n                            )\n                          },\n                          expression:\n                            \"trajectorySmoothingform.trajectorySmoothingClose\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                    ? _c(\n                        \"el-form-item\",\n                        {\n                          staticStyle: { width: \"250px\" },\n                          attrs: { label: \"预测滤波时间：\" }\n                        },\n                        [\n                          _c(\"el-input-number\", {\n                            attrs: {\n                              min: 2000,\n                              max: 3000,\n                              label: \"预测滤波时间\"\n                            },\n                            on: { change: _vm.handleChange },\n                            model: {\n                              value: _vm.trajectorySmoothingform.time,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.trajectorySmoothingform,\n                                  \"time\",\n                                  $$v\n                                )\n                              },\n                              expression: \"trajectorySmoothingform.time\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e(),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(4),\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: {\n                model: _vm.licensePlateform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"车牌识别开关：\" } },\n                [\n                  _c(\"el-switch\", {\n                    model: {\n                      value: _vm.licensePlateform.licensePlateClose,\n                      callback: function($$v) {\n                        _vm.$set(_vm.licensePlateform, \"licensePlateClose\", $$v)\n                      },\n                      expression: \"licensePlateform.licensePlateClose\"\n                    }\n                  })\n                ],\n                1\n              ),\n              false\n                ? _c(\n                    \"div\",\n                    {\n                      staticStyle: {\n                        width: \"100%\",\n                        height: \"400px\",\n                        \"margin-bottom\": \"10px\"\n                      }\n                    },\n                    [\n                      _c(\"iframe\", {\n                        staticStyle: { width: \"100%\", height: \"100%\" },\n                        attrs: {\n                          id: \"mapModule\",\n                          src: \"./VideoWeb/index.html\",\n                          frameborder: \"0\"\n                        }\n                      })\n                    ]\n                  )\n                : _vm._e(),\n              false\n                ? _c(\n                    \"el-table\",\n                    { attrs: { border: \"\", data: _vm.licensePlateTableData } },\n                    [\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"sectionPlate\",\n                          label: \"断面号牌\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"30\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.sectionPlate,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"sectionPlate\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.sectionPlate\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.sectionPlate\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          942623791\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"setAssociation\",\n                          label: \"断面设置关联：\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.setAssociation,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"setAssociation\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.setAssociation\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.setAssociation\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          95706651\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          prop: \"thresholdValue\",\n                          label: \"车牌匹配阈值：\",\n                          align: \"center\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.row.isEdit\n                                    ? _c(\"el-input\", {\n                                        attrs: {\n                                          maxlength: \"20\",\n                                          placeholder: \"Required\"\n                                        },\n                                        model: {\n                                          value: scope.row.thresholdValue,\n                                          callback: function($$v) {\n                                            _vm.$set(\n                                              scope.row,\n                                              \"thresholdValue\",\n                                              $$v\n                                            )\n                                          },\n                                          expression: \"scope.row.thresholdValue\"\n                                        }\n                                      })\n                                    : _c(\"span\", {\n                                        domProps: {\n                                          textContent: _vm._s(\n                                            scope.row.thresholdValue\n                                          )\n                                        }\n                                      })\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          4003674747\n                        )\n                      }),\n                      _c(\"el-table-column\", {\n                        attrs: {\n                          label: \"操作：\",\n                          align: \"center\",\n                          \"class-name\": \"small-padding fixed-width\"\n                        },\n                        scopedSlots: _vm._u(\n                          [\n                            {\n                              key: \"default\",\n                              fn: function(scope) {\n                                return [\n                                  scope.$index === 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleAdd(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            \"Add\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#2090c1\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleUpdate(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Apply\"\n                                                : \"Edit\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e(),\n                                  scope.$index !== 0\n                                    ? _c(\n                                        \"el-button\",\n                                        {\n                                          staticStyle: { color: \"#f56c6c\" },\n                                          attrs: { size: \"mini\", type: \"text\" },\n                                          on: {\n                                            click: function($event) {\n                                              return _vm.handleDelete(scope.row)\n                                            }\n                                          }\n                                        },\n                                        [\n                                          _vm._v(\n                                            _vm._s(\n                                              scope.row.isEdit\n                                                ? \"Cancel\"\n                                                : \"Delete\"\n                                            ) +\n                                              \"\\n                                \"\n                                          )\n                                        ]\n                                      )\n                                    : _vm._e()\n                                ]\n                              }\n                            }\n                          ],\n                          null,\n                          false,\n                          2051407138\n                        )\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"div\",\n                { staticStyle: { \"margin-top\": \"15px\" } },\n                [\n                  _vm.licensePlateform.licensePlateClose == true\n                    ? _c(\n                        \"el-button\",\n                        {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { type: \"primary\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.handleagain()\n                            }\n                          }\n                        },\n                        [_vm._v(\"保存\")]\n                      )\n                    : _vm._e()\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    _c(\"div\", { staticClass: \"dataBoard\" }, [\n      _c(\n        \"div\",\n        { staticClass: \"section\" },\n        [\n          _vm._m(5),\n          _c(\n            \"el-form\",\n            {\n              staticClass: \"demo-form-inline\",\n              attrs: {\n                inline: true,\n                model: _vm.stopStateform,\n                \"label-width\": \"fit-content\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-right\": \"10px\" },\n                  attrs: { label: \"位移：\" }\n                },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"位移\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.displacement,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                      },\n                      expression: \"stopStateform.displacement\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-right\": \"10px\" },\n                  attrs: { label: \"速度：\" }\n                },\n                [\n                  _c(\"el-input-number\", {\n                    attrs: { min: 2000, max: 3000, label: \"速度\" },\n                    on: { change: _vm.handleChange },\n                    model: {\n                      value: _vm.stopStateform.speed,\n                      callback: function($$v) {\n                        _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                      },\n                      expression: \"stopStateform.speed\"\n                    }\n                  })\n                ],\n                1\n              ),\n              false\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"加速度：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                        on: { change: _vm.handleChange },\n                        model: {\n                          value: _vm.stopStateform.acceleration,\n                          callback: function($$v) {\n                            _vm.$set(_vm.stopStateform, \"acceleration\", $$v)\n                          },\n                          expression: \"stopStateform.acceleration\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e()\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticStyle: { \"margin-top\": \"15px\" } },\n            [\n              _c(\n                \"el-button\",\n                {\n                  staticStyle: { width: \"150px\" },\n                  attrs: { type: \"primary\", size: \"small\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleagain()\n                    }\n                  }\n                },\n                [_vm._v(\"保存\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ]),\n    false\n      ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"section\" },\n            [\n              _vm._m(6),\n              _c(\n                \"el-form\",\n                {\n                  staticClass: \"demo-form-inline\",\n                  attrs: {\n                    model: _vm.communicationform,\n                    \"label-width\": \"fit-content\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"更新频率：\" } },\n                    [\n                      _c(\"el-input\", {\n                        staticStyle: { width: \"200px\" },\n                        model: {\n                          value: _vm.communicationform.renewalFrequency,\n                          callback: function($$v) {\n                            _vm.$set(\n                              _vm.communicationform,\n                              \"renewalFrequency\",\n                              $$v\n                            )\n                          },\n                          expression: \"communicationform.renewalFrequency\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"el-form-item\",\n                    {\n                      staticStyle: { display: \"flex\" },\n                      attrs: { label: \"类型：\" }\n                    },\n                    [\n                      _c(\n                        \"el-radio-group\",\n                        {\n                          model: {\n                            value: _vm.communicationform.type,\n                            callback: function($$v) {\n                              _vm.$set(_vm.communicationform, \"type\", $$v)\n                            },\n                            expression: \"communicationform.type\"\n                          }\n                        },\n                        [\n                          _c(\"el-radio\", {\n                            attrs: { label: \"快速-用于高带宽连接\" }\n                          }),\n                          _c(\"el-radio\", {\n                            attrs: { label: \"平衡-适用于大多数连接\" }\n                          }),\n                          _c(\"el-radio\", {\n                            attrs: { label: \"慢速-用于低带宽连接\" }\n                          }),\n                          _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  ),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"请求轻型有效载荷：\" } },\n                        [\n                          _c(\"el-input\", {\n                            staticStyle: {\n                              width: \"200px\",\n                              \"margin-bottom\": \"20px\"\n                            },\n                            model: {\n                              value: _vm.communicationform.name,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"name\", $$v)\n                              },\n                              expression: \"communicationform.name\"\n                            }\n                          }),\n                          _vm._v(\"ms\\n                    \")\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"请求重型有效载荷：\" } },\n                        [\n                          _c(\"el-input\", {\n                            staticStyle: {\n                              width: \"200px\",\n                              \"margin-bottom\": \"20px\"\n                            },\n                            model: {\n                              value: _vm.communicationform.name,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"name\", $$v)\n                              },\n                              expression: \"communicationform.name\"\n                            }\n                          }),\n                          _vm._v(\"ms\\n                    \")\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"FPS分配器：\" } },\n                        [\n                          _c(\"el-input\", {\n                            staticStyle: {\n                              width: \"200px\",\n                              \"margin-bottom\": \"20px\"\n                            },\n                            model: {\n                              value: _vm.communicationform.name,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"name\", $$v)\n                              },\n                              expression: \"communicationform.name\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"框架决议：\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              staticStyle: { \"margin-bottom\": \"20px\" },\n                              attrs: { placeholder: \"框架决议\" },\n                              model: {\n                                value: _vm.communicationform.region,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"region\", $$v)\n                                },\n                                expression: \"communicationform.region\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"自动\", value: \"shanghai\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"区域二\", value: \"beijing\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"压缩格式：\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              staticStyle: { \"margin-bottom\": \"20px\" },\n                              attrs: { placeholder: \"压缩格式\" },\n                              model: {\n                                value: _vm.communicationform.region,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"region\", $$v)\n                                },\n                                expression: \"communicationform.region\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"JPG\", value: \"shanghai\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"区域二\", value: \"beijing\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _vm.communicationform.type == \"自定义\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"压缩率：\" } },\n                        [\n                          _c(\"el-input\", {\n                            staticStyle: { width: \"200px\" },\n                            model: {\n                              value: _vm.communicationform.name,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"name\", $$v)\n                              },\n                              expression: \"communicationform.name\"\n                            }\n                          })\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-button\",\n                    {\n                      staticStyle: { width: \"150px\" },\n                      attrs: { type: \"primary\", size: \"small\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.handleagain()\n                        }\n                      }\n                    },\n                    [_vm._v(\"保存\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      : _vm._e()\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/65afd6fe9dafd3e56d98bfcb4f56a83a.json b/node_modules/.cache/vue-loader/65afd6fe9dafd3e56d98bfcb4f56a83a.json
new file mode 100644
index 00000000..25f8d0ba
--- /dev/null
+++ b/node_modules/.cache/vue-loader/65afd6fe9dafd3e56d98bfcb4f56a83a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673590085904},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\"\nimport script from \"./regionTable.vue?vue&type=script&lang=js&\"\nexport * from \"./regionTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35ac0829\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('35ac0829')) {\n      api.createRecord('35ac0829', component.options)\n    } else {\n      api.reload('35ac0829', component.options)\n    }\n    module.hot.accept(\"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\", function () {\n      api.rerender('35ac0829', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/regionTable.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/65d55dd35814ba2bfa510f609a4a31b0.json b/node_modules/.cache/vue-loader/65d55dd35814ba2bfa510f609a4a31b0.json
new file mode 100644
index 00000000..e292a62f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/65d55dd35814ba2bfa510f609a4a31b0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673593142561},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _c(\"tableShow\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _c(\"regionTable\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"lineChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            }),\n            _c(\n              \"div\",\n              { staticClass: \"border\" },\n              [\n                _c(\"detailDialog\"),\n                _c(\"avgChart\", {\n                  attrs: {\n                    pageType: _vm.pageType,\n                    list: _vm.data,\n                    status: _vm.triggerType,\n                    title: _vm.title\n                  }\n                })\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/677ba30e4a6799fc0ea37274a95b74a6.json b/node_modules/.cache/vue-loader/677ba30e4a6799fc0ea37274a95b74a6.json
index 98006081..957458e1 100644
--- a/node_modules/.cache/vue-loader/677ba30e4a6799fc0ea37274a95b74a6.json
+++ b/node_modules/.cache/vue-loader/677ba30e4a6799fc0ea37274a95b74a6.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673318539856},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\nname: 'lineUpChart', //排队数组件\r\ncomponents: {\r\n    lineChart,\r\n    barChart,\r\n    tableShow,\r\n    detailDialog,\r\n    thermalChart,\r\n    regionTable\r\n},\r\nprops: ['pageType', 'triggerType'],\r\ndata() {\r\n    return {\r\n        tableData: [\r\n            {\r\n                time: '7:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.999999',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '80',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '9:40',\r\n                type: '货车',\r\n                carNumber: '苏E.888888',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '60',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.777777',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '90',\r\n                headWay: '10'\r\n            }\r\n        ],\r\n        periodicTime: [\r\n            {\r\n                time: '17:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '50',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '22:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '30',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '24:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '80',\r\n                CongestionStatus: '拥堵'\r\n            }\r\n        ],\r\n        periodicStatistic: [\r\n            {\r\n                time: '9:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '60',\r\n                avgFlow: '200'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '55',\r\n                avgFlow: '50'\r\n            },\r\n            {\r\n                time: '11:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '61',\r\n                avgFlow: '40'\r\n            }\r\n        ]\r\n    };\r\n},\r\nmethods: {},\r\nmounted() {}\r\n};\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  OD组件</p>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\nname: 'lineUpChart', //排队数组件\r\ncomponents: {\r\n    lineChart,\r\n    barChart,\r\n    tableShow,\r\n    detailDialog,\r\n    thermalChart,\r\n    regionTable\r\n},\r\nprops: ['pageType', 'triggerType'],\r\ndata() {\r\n    return {\r\n        tableData: [\r\n            {\r\n                time: '7:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.999999',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '80',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '9:40',\r\n                type: '货车',\r\n                carNumber: '苏E.888888',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '60',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.777777',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '90',\r\n                headWay: '10'\r\n            }\r\n        ],\r\n        periodicTime: [\r\n            {\r\n                time: '17:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '50',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '22:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '30',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '24:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '80',\r\n                CongestionStatus: '拥堵'\r\n            }\r\n        ],\r\n        periodicStatistic: [\r\n            {\r\n                time: '9:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '60',\r\n                avgFlow: '200'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '55',\r\n                avgFlow: '50'\r\n            },\r\n            {\r\n                time: '11:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '61',\r\n                avgFlow: '40'\r\n            }\r\n        ]\r\n    };\r\n},\r\nmethods: {},\r\nmounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.border {\r\nwidth: 100%;\r\nmargin-bottom: 20px;\r\nposition: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673518264162},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: 'OD组件',\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"border\">\r\n            <detailDialog :msg=\"tableData\" />\r\n            <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n            <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n            <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: 'OD组件',\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/67f3ef17fab17649b5f4073ada2ad674.json b/node_modules/.cache/vue-loader/67f3ef17fab17649b5f4073ada2ad674.json
new file mode 100644
index 00000000..a42aa7ae
--- /dev/null
+++ b/node_modules/.cache/vue-loader/67f3ef17fab17649b5f4073ada2ad674.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"wrapper\" },\n    [\n      _c(\n        \"el-aside\",\n        {\n          staticClass: \"aside\",\n          staticStyle: { width: \"13%\", position: \"absolute\", height: \"100%\" }\n        },\n        [\n          _c(\"div\", { staticClass: \"logo\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"@/assets/img/topTitle.png\"),\n                alt: \"\",\n                width: \"100%\",\n                height: \"100%\"\n              }\n            })\n          ]),\n          _c(\"SideMenu\", { attrs: { navMenus: _vm.leftMenus } })\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"header\" }, [\n        _c(\"div\", { staticStyle: { float: \"left\" } }),\n        _c(\"div\", { staticClass: \"header-right\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"header-user-con\" },\n            [\n              _c(\n                \"div\",\n                {\n                  on: {\n                    click: function($event) {\n                      return _vm.handleChangeStyle()\n                    }\n                  }\n                },\n                [\n                  _c(\n                    \"el-tooltip\",\n                    { attrs: { content: \"切换主题\", placement: \"bottom\" } },\n                    [\n                      _c(\"i\", {\n                        class: _vm.globalTheme\n                          ? \"el-icon-moon\"\n                          : \"el-icon-sunny\"\n                      })\n                    ]\n                  )\n                ],\n                1\n              ),\n              _vm._m(0),\n              _c(\n                \"el-dropdown\",\n                {\n                  staticClass: \"user-name\",\n                  attrs: { trigger: \"click\" },\n                  on: { command: _vm.handleCommand }\n                },\n                [\n                  _c(\"span\", { staticClass: \"el-dropdown-link\" }, [\n                    _vm._v(\" \" + _vm._s(_vm.username) + \" \"),\n                    _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n                  ]),\n                  _c(\n                    \"el-dropdown-menu\",\n                    { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                    [\n                      _c(\"el-dropdown-item\", { attrs: { disabled: \"\" } }, [\n                        _vm._v(\"修改密码\")\n                      ]),\n                      _c(\n                        \"el-dropdown-item\",\n                        { attrs: { command: \"loginout\" } },\n                        [_vm._v(\"退出登录\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      ]),\n      _c(\"el-main\", [_c(\"router-view\")], 1)\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"user-avator\" }, [\n      _c(\"img\", { attrs: { src: require(\"@/assets/img/img.jpg\") } })\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/68592f932eafcef196c3271bcffed321.json b/node_modules/.cache/vue-loader/68592f932eafcef196c3271bcffed321.json
new file mode 100644
index 00000000..3476b55d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/68592f932eafcef196c3271bcffed321.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\I18n.vue?vue&type=template&id=d51955fc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"section\", { staticClass: \"main\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"crumbs\" },\n      [\n        _c(\n          \"el-breadcrumb\",\n          { attrs: { separator: \"/\" } },\n          [\n            _c(\"el-breadcrumb-item\", [\n              _vm._v(_vm._s(_vm.$t(\"i18n.breadcrumb\")))\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"span\", [_vm._v(_vm._s(_vm.$t(\"i18n.tips\")))]),\n        _c(\n          \"el-button\",\n          {\n            attrs: { type: \"primary\" },\n            on: {\n              click: function($event) {\n                _vm.$i18n.locale = _vm.$i18n.locale === \"zh\" ? \"en\" : \"zh\"\n              }\n            }\n          },\n          [_vm._v(_vm._s(_vm.$t(\"i18n.btn\")))]\n        ),\n        _c(\"div\", { staticClass: \"list\" }, [\n          _c(\"h2\", [_vm._v(_vm._s(_vm.$t(\"i18n.title1\")))]),\n          _c(\"p\", [_vm._v(_vm._s(_vm.$t(\"i18n.p1\")))]),\n          _c(\"p\", [_vm._v(_vm._s(_vm.$t(\"i18n.p2\")))]),\n          _c(\"p\", [_vm._v(_vm._s(_vm.$t(\"i18n.p3\")))])\n        ]),\n        _c(\"h2\", [_vm._v(_vm._s(_vm.$t(\"i18n.title2\")))]),\n        _c(\n          \"div\",\n          [\n            _c(\"i18n\", { attrs: { path: \"i18n.info\", tag: \"p\" } }, [\n              _c(\n                \"a\",\n                {\n                  attrs: {\n                    place: \"action\",\n                    href: \"https://element.eleme.cn/2.0/#/zh-CN/component/i18n\"\n                  }\n                },\n                [_vm._v(_vm._s(_vm.$t(\"i18n.value\")))]\n              )\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/68d8ee29229bc040e047e77431007333.json b/node_modules/.cache/vue-loader/68d8ee29229bc040e047e77431007333.json
new file mode 100644
index 00000000..66fdfff2
--- /dev/null
+++ b/node_modules/.cache/vue-loader/68d8ee29229bc040e047e77431007333.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id) {\r\n        this.$router.push({path:'index',query: {id:id}})\r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6922363cac886cf7d86415e7a894bec8.json b/node_modules/.cache/vue-loader/6922363cac886cf7d86415e7a894bec8.json
new file mode 100644
index 00000000..edcbda1e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6922363cac886cf7d86415e7a894bec8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\test1\\index.vue?vue&type=template&id=96b2000a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n  \n  <!-- 一级菜单下面所拥有的二级菜单 -->\n  <!-- <el-aside style=\"width:12%\" class=\"aside\">\n    <SideMenu :navMenus=\"leftMenus\"></SideMenu>\n  </el-aside>  -->\n  <!-- 以及二级菜单所对应的页面 -->\n  <el-main>\n    <router-view></router-view>\n  </el-main>\n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/69fe8cd56be91f540214ea3baf505c55.json b/node_modules/.cache/vue-loader/69fe8cd56be91f540214ea3baf505c55.json
index 85cfbc9b..1298791c 100644
--- a/node_modules/.cache/vue-loader/69fe8cd56be91f540214ea3baf505c55.json
+++ b/node_modules/.cache/vue-loader/69fe8cd56be91f540214ea3baf505c55.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673257798167},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  拥堵组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673517849402},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '拥堵组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '拥堵组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6a31d01ddccbe978fbe9ef83dbea41d7.json b/node_modules/.cache/vue-loader/6a31d01ddccbe978fbe9ef83dbea41d7.json
new file mode 100644
index 00000000..4c397aa6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6a31d01ddccbe978fbe9ef83dbea41d7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue?vue&type=template&id=0b168c30&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue","mtime":1673232721952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"p\", [_vm._v(\"主体页面 1 - 5 \")]),\n      _c(\n        \"div\",\n        { staticClass: \"test-div\" },\n        [\n          _c(\"el-tag\", { attrs: { effect: \"dark\" } }, [_vm._v(\"标签一\")]),\n          _c(\"el-tag\", { attrs: { type: \"success\" } }, [_vm._v(\"标签二\")]),\n          _c(\"el-tag\", { attrs: { type: \"info\" } }, [_vm._v(\"标签三\")]),\n          _c(\"el-tag\", { attrs: { type: \"warning\", effect: \"dark\" } }, [\n            _vm._v(\"标签四\")\n          ]),\n          _c(\"el-tag\", { attrs: { type: \"danger\", effect: \"dark\" } }, [\n            _vm._v(\"标签五\")\n          ])\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6a5d937e56ba929ceef7c5f48c9d5f1b.json b/node_modules/.cache/vue-loader/6a5d937e56ba929ceef7c5f48c9d5f1b.json
new file mode 100644
index 00000000..da67b0b7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6a5d937e56ba929ceef7c5f48c9d5f1b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673598250692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6aff711dcbd0a02ad9151794a0a8156c.json b/node_modules/.cache/vue-loader/6aff711dcbd0a02ad9151794a0a8156c.json
new file mode 100644
index 00000000..68d2de92
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6aff711dcbd0a02ad9151794a0a8156c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673590085904},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <!-- 触发 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\n        <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"plate\" label=\"车牌\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"speed\" label=\"速度\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"监测触发事件\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"lane\" label=\"车道\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"headWay\" label=\"车头时距\"></el-table-column>\n    </el-table>\n    <!-- 周期时刻 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻'\">\n        <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n        <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\n        <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\n    </el-table>\n    <!-- 周期统计 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\n        <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\n    </el-table>\n\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select\n                    placeholder=\"起始时间\"\n                    v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\n                >\n                </el-time-select>\n                <el-time-select\n                    placeholder=\"结束时间\"\n                    v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\n                >\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select>\n                    <el-option> </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\">确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6b240cb190d180dd2f9540d1a683939a.json b/node_modules/.cache/vue-loader/6b240cb190d180dd2f9540d1a683939a.json
new file mode 100644
index 00000000..cd05da61
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6b240cb190d180dd2f9540d1a683939a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue?vue&type=style&index=0&id=1538ddf8&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.dialog .el-form-item{\r\n  margin-bottom: 20px;\r\n}\r\n",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA;AACA;AACA;AACA;AACA;AACA","file":"IdManagement.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">账号管理</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-button @click=\"addAccountDialog = true\" type=\"primary\" style=\"margin-bottom: 10px;\"><i\r\n          class=\"el-icon-circle-plus-outline\" style=\"margin-right: 3px;\"></i>新增</el-button>\r\n\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"用户名称\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"account\" label=\"用户账号\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"role\" label=\"角色\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"jurisdiction\" label=\"权限\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"edit(scope.row)\" type=\"text\" size=\"small\" class=\"\">编辑</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n      <div class=\"dialog\">\r\n        <el-dialog :title=\"dialogTitle\" :visible.sync=\"addAccountDialog\" width=\"30%\">\r\n          <el-form label-position=\"left\" label-width=\"80px\" :model=\"formLabelAlign\">\r\n            <el-form-item label=\"名称：\">\r\n              <el-input v-model=\"formLabelAlign.name\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"账号：\">\r\n              <el-input v-model=\"formLabelAlign.account\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"角色：\">\r\n              <el-input v-model=\"formLabelAlign.role\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"权限：\">\r\n              <el-input v-model=\"formLabelAlign.jurisdiction\"></el-input>\r\n            </el-form-item>\r\n          </el-form>\r\n          <span slot=\"footer\" class=\"dialog-footer\">\r\n            <el-button type=\"primary\" @click=\"addAccountDialog = false\">确 定</el-button>\r\n          </span>\r\n        </el-dialog>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      addAccountDialog: false,\r\n      formLabelAlign: {\r\n        name: '',\r\n        account: '',\r\n        role: '',\r\n        jurisdiction: ''\r\n      },\r\n      tableData: [\r\n        {\r\n          name: 'admin',\r\n          account: '',\r\n          role: 'admin',\r\n          jurisdiction: '超级管理员'\r\n        }\r\n      ],\r\n      tableHeight: 0,\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogTitle: '新增'\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 220;\r\n  },\r\n  methods: {\r\n    edit(scope) {\r\n      console.log(scope, '编辑');\r\n      this.dialogTitle = '编辑';\r\n      this.addAccountDialog = true;\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogTitle = '查看';\r\n      this.addAccountDialog = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.dialog .el-form-item{\r\n  margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6c09b8ebafcdea233536ccbcdfc13ec5.json b/node_modules/.cache/vue-loader/6c09b8ebafcdea233536ccbcdfc13ec5.json
index e06a2c1d..96271bb9 100644
--- a/node_modules/.cache/vue-loader/6c09b8ebafcdea233536ccbcdfc13ec5.json
+++ b/node_modules/.cache/vue-loader/6c09b8ebafcdea233536ccbcdfc13ec5.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673256991481},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"thermalChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"thermalChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673515658628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"thermalChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"thermalChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6d4ab908eddd92072f6ee3d74ee3aac2.json b/node_modules/.cache/vue-loader/6d4ab908eddd92072f6ee3d74ee3aac2.json
new file mode 100644
index 00000000..a0bc4449
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6d4ab908eddd92072f6ee3d74ee3aac2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"navMenu\">\n    \n     <el-menu\n      router\n      :default-active=\"$route.path\"\n      class=\"el-menu-vertical-demo\"\n      text-color=\"#fff\"\n      active-text-color=\"#ffd04b\">\n       <label v-for=\"navMenu in navMenus\">\n        <!--只有一级菜单-->\n        <el-menu-item v-if=\"!navMenu.children\"\n                      :index=\"navMenu.path\"\n                      :route=\"navMenu.path\"\n        >\n            <!--图标-->\n            <i :class=\"navMenu.icon\"></i>\n            <!--标题-->\n            <span slot=\"title\">{{navMenu.title}}</span>\n        </el-menu-item>\n        <!--有多级菜单-->\n        <el-submenu v-if=\"navMenu.children\"\n                    :key=\"navMenu.path\"\n                    :index=\"navMenu.path\"\n        >\n            <template slot=\"title\">\n                <i :class=\"navMenu.icon\"></i>\n                <span> {{navMenu.title}}</span>\n            </template>\n            <!--递归组件，把遍历的值传回子组件，完成递归调用-->\n            <nav-menu :navMenus=\"navMenu.children\"></nav-menu>\n        </el-submenu>\n    </label>\n   </el-menu>\n   \n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6eccec28083ab04ed78e6b119c962a90.json b/node_modules/.cache/vue-loader/6eccec28083ab04ed78e6b119c962a90.json
new file mode 100644
index 00000000..6564198d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6eccec28083ab04ed78e6b119c962a90.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673593137304},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"data\" :type=\"triggerType\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\"></lineChart>\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6ed02b6d805d12c3395c88b28d69d827.json b/node_modules/.cache/vue-loader/6ed02b6d805d12c3395c88b28d69d827.json
new file mode 100644
index 00000000..9373c85a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6ed02b6d805d12c3395c88b28d69d827.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\OD.vue","mtime":1673516645857},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8HA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> OD组件</p>\r\n        <div class=\"border\">\r\n            <detailDialog :msg=\"tableData\" />\r\n            <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n            <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n            <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6ed2dde09af972079108e1c6174e93c6.json b/node_modules/.cache/vue-loader/6ed2dde09af972079108e1c6174e93c6.json
new file mode 100644
index 00000000..fae35a79
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6ed2dde09af972079108e1c6174e93c6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673593117644},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"border\" },\n      [\n        _c(\"detailDialog\"),\n        _c(\"thermalChart\", {\n          attrs: {\n            pageType: _vm.pageType,\n            list: _vm.data,\n            status: _vm.triggerType,\n            title: _vm.title\n          }\n        })\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6eeb133ec3bbdbe33b21a09bec1f10af.json b/node_modules/.cache/vue-loader/6eeb133ec3bbdbe33b21a09bec1f10af.json
new file mode 100644
index 00000000..a8b81fb0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6eeb133ec3bbdbe33b21a09bec1f10af.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue","mtime":1673318357048},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  拥堵组件</p>\n    <div class=\"typeContent\">\n        <el-card style='width:150px;margin-bottom:20px;text-align:center'>\n            <div style=\"font-size:30px;font-weight:bold;\">99</div>\n                <div style=\"padding: 14px;\">\n                    <span>数值</span>\n                    <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n\n\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n    <div></div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6f1ce48714615d9298d115867e60dcbf.json b/node_modules/.cache/vue-loader/6f1ce48714615d9298d115867e60dcbf.json
new file mode 100644
index 00000000..04b715ca
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6f1ce48714615d9298d115867e60dcbf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&scoped=true&\"\nimport script from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\nexport * from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\nimport style0 from \"./maintenanceRemind.vue?vue&type=style&index=0&id=57b7d65b&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"57b7d65b\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('57b7d65b')) {\n      api.createRecord('57b7d65b', component.options)\n    } else {\n      api.reload('57b7d65b', component.options)\n    }\n    module.hot.accept(\"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&scoped=true&\", function () {\n      api.rerender('57b7d65b', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/maintenanceRemind.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6f596b7c2e2c3480d36eddbbd0e6c687.json b/node_modules/.cache/vue-loader/6f596b7c2e2c3480d36eddbbd0e6c687.json
index 147c4eb3..2d2711ce 100644
--- a/node_modules/.cache/vue-loader/6f596b7c2e2c3480d36eddbbd0e6c687.json
+++ b/node_modules/.cache/vue-loader/6f596b7c2e2c3480d36eddbbd0e6c687.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673318397848},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #E4E7ED\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  速度组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673579760842},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        pageType: _vm.pageType,\n                        msg: _vm.tableData,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        pageType: _vm.pageType,\n                        msg: _vm.periodicTime,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        pageType: _vm.pageType,\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"lineChart\", {\n              attrs: {\n                title: _vm.title,\n                pageType: _vm.pageType,\n                list: _vm.tableData,\n                status: _vm.triggerType\n              }\n            })\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", {\n                  attrs: {\n                    title: _vm.title,\n                    pageType: _vm.pageType,\n                    list: _vm.tableData\n                  }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", {\n                  attrs: {\n                    title: _vm.title,\n                    pageType: _vm.pageType,\n                    list: _vm.periodicTime\n                  }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", {\n                  attrs: {\n                    title: _vm.title,\n                    pageType: _vm.pageType,\n                    list: _vm.periodicStatistic\n                  }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6f7c67a93a07ba35de89e01896d10eca.json b/node_modules/.cache/vue-loader/6f7c67a93a07ba35de89e01896d10eca.json
new file mode 100644
index 00000000..58ce1cd0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/6f7c67a93a07ba35de89e01896d10eca.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue?vue&type=template&id=96b2000a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [_c(\"el-main\", [_c(\"router-view\")], 1)], 1)\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/6f9b3223c10d1d7962461be993d22b1b.json b/node_modules/.cache/vue-loader/6f9b3223c10d1d7962461be993d22b1b.json
index c45a3126..fea6ef70 100644
--- a/node_modules/.cache/vue-loader/6f9b3223c10d1d7962461be993d22b1b.json
+++ b/node_modules/.cache/vue-loader/6f9b3223c10d1d7962461be993d22b1b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div ref=\"box\" class=\"box\" style=\"height: 100vh\">\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n    <!-- 01断面 -->\n    <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\n        <div class=\"plate1\">\n            <div class=\"section\" ref=\"section\">\n                <div ref=\"sectionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title1 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count2==true?'upActive':'active'\"  @click=\"sectionHandle()\" ></span>\n                    </div>\n                    <typeChart :pageType=\"'断面'\" triggerType=\"触发\"/>\n                    <speedChart :pageType=\"'断面'\" triggerType=\"触发\" />\n                    <flowChart :pageType=\"'断面'\" triggerType=\"触发\" />\n                    <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" />\n                    <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\n                    <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\n                    <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\n                </div>\n            </div>\n\n            \n        </div>\n\n        <!-- 区域 -->\n        <div class=\"plate2\">\n            <div class=\"region\" ref=\"region\">\n                <div ref=\"regionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title2 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count1==true?'upActive':'active'\" @click=\"regionHandle()\"></span>\n                    </div>\n                    <OD pageType=\"区域\" triggerType=\"触发\"/>\n                    <speedChart pageType=\"区域\" triggerType=\"触发\" />\n                    <flowChart pageType=\"区域\" triggerType=\"周期统计\" />\n                    \n                    <lineUpChart pageType=\"区域\" triggerType=\"触发\" />\n                    <checkChart pageType=\"区域\" triggerType=\"周期时刻\" />\n                    <delayChart pageType=\"区域\" triggerType=\"周期统计\" />\n                    <congestionChart pageType=\"区域\" triggerType=\"周期统计\" />\n                    <headWayChart pageType=\"区域\" triggerType=\"周期统计\" />\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <!-- 详情框 -->\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673579698759},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div ref=\"box\" class=\"box\" style=\"height: 100vh\">\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n    <!-- 01断面 -->\n    <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\n        <div class=\"plate1\">\n            <div class=\"section\" ref=\"section\">\n                <div ref=\"sectionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title1 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\n                    </div>\n                    <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <flowChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\n                    <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\n                    <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\n                </div>\n            </div>\n        </div>\n\n        <!-- 区域 -->\n        <div class=\"plate2\">\n            <div class=\"region\" ref=\"region\">\n                <div ref=\"regionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title2 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\n                    </div>\n                    <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n\n                    <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\n                    <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                    <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                    <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList1\" />\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <!-- 详情框 -->\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/714eea2e01c2371c21587752f3593936.json b/node_modules/.cache/vue-loader/714eea2e01c2371c21587752f3593936.json
new file mode 100644
index 00000000..b3c84466
--- /dev/null
+++ b/node_modules/.cache/vue-loader/714eea2e01c2371c21587752f3593936.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IPSetting.vue?vue&type=style&index=0&id=386da402&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["IPSetting.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"IPSetting.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">FTP设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"110px\" style=\"width:50%\">\r\n        <el-form-item label=\"账号：\">\r\n          <el-input placeholder=\"请输入账号名\" v-model=\"form.ComponentPropsname\" clearable></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"密码：\">\r\n          <el-input placeholder=\"请输入密码\" v-model=\"form.password\" show-password></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"FTP：\">\r\n          <el-input placeholder=\"请输入账号名\" v-model=\"form.FTP\" clearable></el-input>\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button type=\"primary\" @cilck=\"Submit\">修改</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: '',\r\n        password: '',\r\n        FTP: '',\r\n      }\r\n    }\r\n  },\r\n  methods:{\r\n    Submit() {\r\n      this.form;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/71de7293b11a4f90f1df9f1269fc39c7.json b/node_modules/.cache/vue-loader/71de7293b11a4f90f1df9f1269fc39c7.json
index 898522f1..2464bdca 100644
--- a/node_modules/.cache/vue-loader/71de7293b11a4f90f1df9f1269fc39c7.json
+++ b/node_modules/.cache/vue-loader/71de7293b11a4f90f1df9f1269fc39c7.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673319362963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/720623454709e42505421da23092a943.json b/node_modules/.cache/vue-loader/720623454709e42505421da23092a943.json
new file mode 100644
index 00000000..a9f41000
--- /dev/null
+++ b/node_modules/.cache/vue-loader/720623454709e42505421da23092a943.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmqBA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs v-model=\"activeName\" type=\"border-card\" >\r\n        <el-tab-pane label=\"xx路口\" name=\"first\">\r\n            <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n          </div> -->\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <!-- <el-form-item label=\"实时性\">\r\n    <el-radio-group v-model=\"form.resource\">\r\n      <el-radio label=\"实时（触发）\"></el-radio>\r\n      <el-radio label=\"间隔\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item> -->\r\n          <el-form-item label=\"断面名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\">\r\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"car\"></el-option>\r\n              <el-option label=\"方向\" value=\"bus\"></el-option>\r\n              <el-option label=\"双向\" value=\"kache\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\r\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\r\n          <el-form-item label=\"区域名称\">\r\n            <el-input v-model=\"areaComponentform.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\r\n        <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\r\n          <el-form-item label=\"轨迹名称：\">\r\n            <el-input v-model=\"trackForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\r\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\r\n          <el-form-item label=\"速度组件名称：\">\r\n            <el-input v-model=\"speedForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\">\r\n            <el-input v-model=\"speedForm.num\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"speedForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item>\r\n        <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\r\n          <el-slider v-model=\"speedForm.time\" show-input>\r\n            </el-slider>\r\n        </el-form-item>\r\n        <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\r\n           <el-date-picker\r\n       v-model=\"speedForm.date\"\r\n      type=\"datetimerange\"\r\n      range-separator=\"至\"\r\n      start-placeholder=\"开始日期\"\r\n      end-placeholder=\"结束日期\">\r\n    </el-date-picker>\r\n        </el-form-item>\r\n          <el-form-item label=\"展现形式：\">\r\n            <el-checkbox-group v-model=\"speedForm.type\">\r\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      \r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      form: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      speedForm: {\r\n        name: '',\r\n        timeModel:'touch',\r\n        touchType:'实时（触发）',\r\n        num:'',\r\n        time:'',\r\n        date: '',\r\n        type: [],\r\n      },\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      carInfo: [], //小车信息\r\n      carName: '',\r\n      palletizerInfo: [], //码垛机信息\r\n      palletizerName: '',\r\n      destackerInfo: [], //拆垛机信息\r\n      destackerName: '',\r\n      hoistInfo: [], //提升机信息’\r\n      hoistName: '',\r\n      battaryStationInfo: [],//快换电池装置\r\n      battaryStationName: \"\",\r\n      conveyorInfo: [], //输送机信息\r\n      conveyorName: \"\",\r\n\r\n\r\n      activeName:\"first\"\r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n  created() {\r\n    this.testMqtt()\r\n\r\n  },\r\n  methods: {\r\n\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n    // 测试：mqtt测试\r\n    testMqtt() {\r\n      this.getDataByMqtt()\r\n      // 小车订阅\r\n      //   for (let key in this.carId) {\r\n      //     this.getDataByMqtt(\r\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Car\" + key,\r\n      //       this.carId[key]\r\n      //     );\r\n      //   }\r\n      //   //输送机入库订阅\r\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n      //       this.convoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   //输送机出库订阅\r\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n      //       this.outConvoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   for (let key in this.BattaryArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Battary_Sation\" + key,\r\n      //       this.BattaryArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 升降机订阅elvArr\r\n      //   for (let key in this.elvArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"ELV\" + key,\r\n      //       this.elvArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 拆码跺机订阅\r\n      //   for (let key in this.stampArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"INCMD\" + key,\r\n      //       this.stampArr[key]\r\n      //     );\r\n      //   }\r\n    },\r\n    onSubmit() { },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n    // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n       \r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n        //    this.client.connect('aaa', '111')\r\n          this.mqttClient.publish('aaa', '111');\r\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n          \r\n        });\r\n         \r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n             \r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n    Onweather(name) {\r\n      //   switch (name) {\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n      // \t\t\t\tcase \"阴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n      // \t\t\t\tcase \"暴雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n      // \t\t\t\tcase \"冰雹\":\r\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n      // \t\t\t\tcase \"大风\":\r\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n      // \t\t\t\tcase \"大雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n      // \t\t\t\tcase \"大雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n      // \t\t\t\tcase \"雷电\":\r\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n      // \t\t\t\tcase \"雷阵雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n      // \t\t\t\tcase \"沙尘暴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n      // \t\t\t\tcase \"晴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n      // \t\t\t\tcase \"雾霾\":\r\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n      // \t\t\t\tcase \"小雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n      // \t\t\t\tcase \"小雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n      // \t\t\t\tcase \"雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\r\n      // \t\t\t\tcase \"雨夹雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n      // \t\t\t\tcase \"月亮\":\r\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n      // \t\t\t\tcase \"中雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n      // \t\t\t\tcase \"中雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n      // \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox() {\r\n      this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/726e3f855ed12836303832265c1ea7a3.json b/node_modules/.cache/vue-loader/726e3f855ed12836303832265c1ea7a3.json
new file mode 100644
index 00000000..2668587a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/726e3f855ed12836303832265c1ea7a3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\App.vue?vue&type=template&id=7ba5bd90&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\App.vue","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { class: _vm.style ? \"theme1\" : \"\", attrs: { id: \"app\" } },\n    [_c(\"router-view\")],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/72d7fbc3d9b4c2e6b7f8b1f0d33c4283.json b/node_modules/.cache/vue-loader/72d7fbc3d9b4c2e6b7f8b1f0d33c4283.json
new file mode 100644
index 00000000..4fa40474
--- /dev/null
+++ b/node_modules/.cache/vue-loader/72d7fbc3d9b4c2e6b7f8b1f0d33c4283.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-2.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test1-2.vue?vue&type=template&id=0aec45ad&\"\nimport script from \"./test1-2.vue?vue&type=script&lang=js&\"\nexport * from \"./test1-2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./test1-2.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0aec45ad')) {\n      api.createRecord('0aec45ad', component.options)\n    } else {\n      api.reload('0aec45ad', component.options)\n    }\n    module.hot.accept(\"./test1-2.vue?vue&type=template&id=0aec45ad&\", function () {\n      api.rerender('0aec45ad', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test1/test1-2.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/732205da9e2fa578b6c12511c26f15bc.json b/node_modules/.cache/vue-loader/732205da9e2fa578b6c12511c26f15bc.json
index e21c46fc..85a7d9a4 100644
--- a/node_modules/.cache/vue-loader/732205da9e2fa578b6c12511c26f15bc.json
+++ b/node_modules/.cache/vue-loader/732205da9e2fa578b6c12511c26f15bc.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312077829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <!-- 触发 -->\n    <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\n        <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\n    </el-table>\n    <!-- 周期时刻 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\n        <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\n    </el-table>\n    <!-- 周期统计 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\n        <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\n    </el-table>\n\n\n\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                </el-time-select>\n                <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select>\n                    <el-option>\n\n                    </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" >确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <!-- 触发 -->\n     <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\n        <el-table-column align=\"center\" prop=\"type\" label=\"视频路\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"carNumber\" label=\"目标编号\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='event' label=\"车牌\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"监测触发事件\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"车道\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\n    </el-table>\n    <!-- 周期时刻 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\n        <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\n    </el-table>\n    <!-- 周期统计 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\n        <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\n    </el-table>\n\n\n\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                </el-time-select>\n                <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select>\n                    <el-option>\n\n                    </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" >确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7347f8e55020e5887ca90435c82a6562.json b/node_modules/.cache/vue-loader/7347f8e55020e5887ca90435c82a6562.json
new file mode 100644
index 00000000..aa8417a8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7347f8e55020e5887ca90435c82a6562.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue?vue&type=style&index=0&id=03db3326&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nh1{\r\n  text-align: center;\r\n  margin: 30px 0;\r\n}\r\np{\r\n  line-height: 30px;\r\n  margin-bottom: 10px;\r\n  text-indent: 2em;\r\n}\r\n.logout{\r\n  color: #409EFF;\r\n}\r\n",{"version":3,"sources":["Permission.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Permission.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div>\r\n\r\n    <div class=\"crumbs\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item><i class=\"el-icon-warning\"></i> 权限测试</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </div>\r\n    <div class=\"container\">\r\n      <h1>管理员权限页面</h1>\r\n      <p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p>\r\n      <p>想尝试一下，请<router-link to=\"/Login\" class=\"logout\">退出登录</router-link>，随便输入个账号名，再进来试试看。</p>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    data(){\r\n      return{\r\n        \r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style scoped>\r\nh1{\r\n  text-align: center;\r\n  margin: 30px 0;\r\n}\r\np{\r\n  line-height: 30px;\r\n  margin-bottom: 10px;\r\n  text-indent: 2em;\r\n}\r\n.logout{\r\n  color: #409EFF;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/738c323ffa2e1ac1f905c4cdd9d590d4.json b/node_modules/.cache/vue-loader/738c323ffa2e1ac1f905c4cdd9d590d4.json
new file mode 100644
index 00000000..27fba966
--- /dev/null
+++ b/node_modules/.cache/vue-loader/738c323ffa2e1ac1f905c4cdd9d590d4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7399ea9e7e7dfd6e4d1d9182a2424748.json b/node_modules/.cache/vue-loader/7399ea9e7e7dfd6e4d1d9182a2424748.json
new file mode 100644
index 00000000..553f6e97
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7399ea9e7e7dfd6e4d1d9182a2424748.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&\"\nimport script from \"./IdManagement.vue?vue&type=script&lang=js&\"\nexport * from \"./IdManagement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IdManagement.vue?vue&type=style&index=0&id=1538ddf8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1538ddf8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1538ddf8')) {\n      api.createRecord('1538ddf8', component.options)\n    } else {\n      api.reload('1538ddf8', component.options)\n    }\n    module.hot.accept(\"./IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&\", function () {\n      api.rerender('1538ddf8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/IdManagement.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/739fa4f94ea060983854abf97c674e7d.json b/node_modules/.cache/vue-loader/739fa4f94ea060983854abf97c674e7d.json
index 5ccf4ea2..a4c80055 100644
--- a/node_modules/.cache/vue-loader/739fa4f94ea060983854abf97c674e7d.json
+++ b/node_modules/.cache/vue-loader/739fa4f94ea060983854abf97c674e7d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673234157305},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"lineChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"lineChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673575672334},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"lineChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"lineChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/75557387c2b936ff436220ae0a98a03a.json b/node_modules/.cache/vue-loader/75557387c2b936ff436220ae0a98a03a.json
new file mode 100644
index 00000000..0dcb5c8d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/75557387c2b936ff436220ae0a98a03a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue?vue&type=style&index=0&id=bf5ea1e0&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.error-code{\r\n  color: #f02d2d;\r\n}\r\n",{"version":3,"sources":["403.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA","file":"403.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div class=\"error-page\">\r\n    <div class=\"error-code\">4<span>0</span>3</div>\r\n    <div class=\"error-desc\">啊哦~ 你没有权限访问该页面哦</div>\r\n    <div class=\"error-handle\">\r\n      <router-link to=\"/\">\r\n        <el-button type=\"primary\" size=\"large\">返回首页</el-button>\r\n      </router-link>\r\n      <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.error-code{\r\n  color: #f02d2d;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/756f40e9ab73ccb6c1d62bac3e90a120.json b/node_modules/.cache/vue-loader/756f40e9ab73ccb6c1d62bac3e90a120.json
new file mode 100644
index 00000000..c5df3498
--- /dev/null
+++ b/node_modules/.cache/vue-loader/756f40e9ab73ccb6c1d62bac3e90a120.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./ImportSettings.vue?vue&type=template&id=2ab7ee0a&\"\nimport script from \"./ImportSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./ImportSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImportSettings.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2ab7ee0a')) {\n      api.createRecord('2ab7ee0a', component.options)\n    } else {\n      api.reload('2ab7ee0a', component.options)\n    }\n    module.hot.accept(\"./ImportSettings.vue?vue&type=template&id=2ab7ee0a&\", function () {\n      api.rerender('2ab7ee0a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/ImportSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7586477f1a3b7a5b9e0b0b174e8323ad.json b/node_modules/.cache/vue-loader/7586477f1a3b7a5b9e0b0b174e8323ad.json
new file mode 100644
index 00000000..1fe8d0e0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7586477f1a3b7a5b9e0b0b174e8323ad.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'detailDialog', //速度组件\r\n    props: {},\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        };\r\n    },\r\n    methods: {\r\n        onSubmit() {},\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        },\r\n        handleClose(done) {\r\n            this.$confirm('确认关闭？')\r\n                .then((_) => {\r\n                    done();\r\n                })\r\n                .catch((_) => {});\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"detailDialog.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div>\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\r\n            <el-form label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'detailDialog', //速度组件\r\n    props: {},\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        };\r\n    },\r\n    methods: {\r\n        onSubmit() {},\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        },\r\n        handleClose(done) {\r\n            this.$confirm('确认关闭？')\r\n                .then((_) => {\r\n                    done();\r\n                })\r\n                .catch((_) => {});\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.down {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    position: relative;\r\n    z-index: 100;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/766995ac3c74c2189c962a2f889c248b.json b/node_modules/.cache/vue-loader/766995ac3c74c2189c962a2f889c248b.json
new file mode 100644
index 00000000..2464bdca
--- /dev/null
+++ b/node_modules/.cache/vue-loader/766995ac3c74c2189c962a2f889c248b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/76a562876fefbace38649d4036840a81.json b/node_modules/.cache/vue-loader/76a562876fefbace38649d4036840a81.json
new file mode 100644
index 00000000..89452f2c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/76a562876fefbace38649d4036840a81.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\"\nimport script from \"./regionTable.vue?vue&type=script&lang=js&\"\nexport * from \"./regionTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35ac0829\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('35ac0829')) {\n      api.createRecord('35ac0829', component.options)\n    } else {\n      api.reload('35ac0829', component.options)\n    }\n    module.hot.accept(\"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\", function () {\n      api.rerender('35ac0829', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/regionTable.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/76ef25320f80988f78ceaff493b223ce.json b/node_modules/.cache/vue-loader/76ef25320f80988f78ceaff493b223ce.json
index 7ff91706..8c98f99e 100644
--- a/node_modules/.cache/vue-loader/76ef25320f80988f78ceaff493b223ce.json
+++ b/node_modules/.cache/vue-loader/76ef25320f80988f78ceaff493b223ce.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673257811148},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  排队数组件</p>\n    <div class=\"typeContent\">\n        <el-card style='width:150px;margin-bottom:20px;text-align:center'>\n            <div style=\"font-size:30px;font-weight:bold;\">99</div>\n                <div style=\"padding: 14px;\">\n                    <span>数值</span>\n                    <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49{{ currentDate }}</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n\n\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/784212f8b0471d9d827038b2f66912b2.json b/node_modules/.cache/vue-loader/784212f8b0471d9d827038b2f66912b2.json
index 73c5706b..77d6a666 100644
--- a/node_modules/.cache/vue-loader/784212f8b0471d9d827038b2f66912b2.json
+++ b/node_modules/.cache/vue-loader/784212f8b0471d9d827038b2f66912b2.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id) {\r\n        this.$router.push({path:'index',query: {id:id}})\r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id) {\r\n        this.$router.push({path:'index',query: {id:id}})\r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7934be9a2802bf0d5f8bc3251549bbbf.json b/node_modules/.cache/vue-loader/7934be9a2802bf0d5f8bc3251549bbbf.json
new file mode 100644
index 00000000..73d99c7f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7934be9a2802bf0d5f8bc3251549bbbf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue?vue&type=template&id=bf5ea1e0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"error-page\">\n  <div class=\"error-code\">4<span>0</span>3</div>\n  <div class=\"error-desc\">啊哦~ 你没有权限访问该页面哦</div>\n  <div class=\"error-handle\">\n    <router-link to=\"/\">\n      <el-button type=\"primary\" size=\"large\">返回首页</el-button>\n    </router-link>\n    <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/798f5ae7ba3af76fe413cdbfe7a7f997.json b/node_modules/.cache/vue-loader/798f5ae7ba3af76fe413cdbfe7a7f997.json
new file mode 100644
index 00000000..6bc196c4
--- /dev/null
+++ b/node_modules/.cache/vue-loader/798f5ae7ba3af76fe413cdbfe7a7f997.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./404.vue?vue&type=template&id=bf4272de&scoped=true&\"\nimport script from \"./404.vue?vue&type=script&lang=js&\"\nexport * from \"./404.vue?vue&type=script&lang=js&\"\nimport style0 from \"./404.vue?vue&type=style&index=0&id=bf4272de&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bf4272de\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('bf4272de')) {\n      api.createRecord('bf4272de', component.options)\n    } else {\n      api.reload('bf4272de', component.options)\n    }\n    module.hot.accept(\"./404.vue?vue&type=template&id=bf4272de&scoped=true&\", function () {\n      api.rerender('bf4272de', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/404.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/79d7b51638b9947658b4d01ff79439bf.json b/node_modules/.cache/vue-loader/79d7b51638b9947658b4d01ff79439bf.json
new file mode 100644
index 00000000..c5459d4a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/79d7b51638b9947658b4d01ff79439bf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ImportSettings.vue?vue&type=template&id=2ab7ee0a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"导入设置\")]),\n        _c(\n          \"el-upload\",\n          {\n            ref: \"upload\",\n            staticClass: \"upload-demo\",\n            attrs: {\n              action: \"https://jsonplaceholder.typicode.com/posts/\",\n              \"file-list\": _vm.fileList,\n              \"auto-upload\": false\n            },\n            on: {\n              \"on-success\": _vm.fileSuccess,\n              \"on-error\": _vm.fileError,\n              \"on-progress\": _vm.fileProgress\n            }\n          },\n          [\n            _c(\n              \"el-button\",\n              {\n                attrs: { slot: \"trigger\", size: \"small\", type: \"primary\" },\n                slot: \"trigger\"\n              },\n              [_vm._v(\"选取文件\")]\n            ),\n            _c(\n              \"el-button\",\n              {\n                staticStyle: { \"margin-left\": \"10px\" },\n                attrs: { size: \"small\", type: \"success\" },\n                on: { click: _vm.submitUpload }\n              },\n              [_vm._v(\"导入\")]\n            )\n          ],\n          1\n        ),\n        _vm._m(0)\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"范围1-8、默认6\\n      将一个保存好的系统设置文件导入本系统。导入后将覆盖现有的所有分析和用户设置，并重启系统，未保存的数据可能会丢失，请谨慎使用.\\n    \"\n      )\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7a1d5f4fb7da9c451f569b2ea9e4218b.json b/node_modules/.cache/vue-loader/7a1d5f4fb7da9c451f569b2ea9e4218b.json
new file mode 100644
index 00000000..3957d0b6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7a1d5f4fb7da9c451f569b2ea9e4218b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673593137304},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\"\nimport script from \"./flowChart.vue?vue&type=script&lang=js&\"\nexport * from \"./flowChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1efa0362\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1efa0362')) {\n      api.createRecord('1efa0362', component.options)\n    } else {\n      api.reload('1efa0362', component.options)\n    }\n    module.hot.accept(\"./flowChart.vue?vue&type=template&id=1efa0362&scoped=true&\", function () {\n      api.rerender('1efa0362', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/flowChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7af613dc8a52727e626bec4cfbc1d7cf.json b/node_modules/.cache/vue-loader/7af613dc8a52727e626bec4cfbc1d7cf.json
new file mode 100644
index 00000000..1497e9af
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7af613dc8a52727e626bec4cfbc1d7cf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\barChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1673315311937},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./barChart.vue?vue&type=template&id=603ea6ac&\"\nimport script from \"./barChart.vue?vue&type=script&lang=js&\"\nexport * from \"./barChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('603ea6ac')) {\n      api.createRecord('603ea6ac', component.options)\n    } else {\n      api.reload('603ea6ac', component.options)\n    }\n    module.hot.accept(\"./barChart.vue?vue&type=template&id=603ea6ac&\", function () {\n      api.rerender('603ea6ac', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/barChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7b9937dbeab3e19eea49e7ecb887c6de.json b/node_modules/.cache/vue-loader/7b9937dbeab3e19eea49e7ecb887c6de.json
index f7f4b781..b66cfee4 100644
--- a/node_modules/.cache/vue-loader/7b9937dbeab3e19eea49e7ecb887c6de.json
+++ b/node_modules/.cache/vue-loader/7b9937dbeab3e19eea49e7ecb887c6de.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673257804909},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [\n                    _vm._v(\"17:49\" + _vm._s(_vm.currentDate))\n                  ]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #E4E7ED\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  流量组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7c4454538147a2ae5fb38d6cacf0a40b.json b/node_modules/.cache/vue-loader/7c4454538147a2ae5fb38d6cacf0a40b.json
new file mode 100644
index 00000000..ae8ab46e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7c4454538147a2ae5fb38d6cacf0a40b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673593140949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _c(\"tableShow\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _c(\"regionTable\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"lineChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                title: _vm.title,\n                status: _vm.triggerType\n              }\n            })\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"avgChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                title: _vm.title,\n                status: _vm.triggerType\n              }\n            })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7c5bbed3c5083e20e9cbc8c5ee8dc206.json b/node_modules/.cache/vue-loader/7c5bbed3c5083e20e9cbc8c5ee8dc206.json
new file mode 100644
index 00000000..d89b2ba8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7c5bbed3c5083e20e9cbc8c5ee8dc206.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test1-1.vue?vue&type=template&id=0ade2e2c&\"\nimport script from \"./test1-1.vue?vue&type=script&lang=js&\"\nexport * from \"./test1-1.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0ade2e2c')) {\n      api.createRecord('0ade2e2c', component.options)\n    } else {\n      api.reload('0ade2e2c', component.options)\n    }\n    module.hot.accept(\"./test1-1.vue?vue&type=template&id=0ade2e2c&\", function () {\n      api.rerender('0ade2e2c', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test1/test1-1.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7ce4774c98d224b8b7cfdca1eede2b7e.json b/node_modules/.cache/vue-loader/7ce4774c98d224b8b7cfdca1eede2b7e.json
new file mode 100644
index 00000000..6ecc56c3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7ce4774c98d224b8b7cfdca1eede2b7e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\test1\\index.vue?vue&type=template&id=96b2000a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [_c(\"el-main\", [_c(\"router-view\")], 1)], 1)\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7cecbcccd53d31cc0cc3080825a08a6a.json b/node_modules/.cache/vue-loader/7cecbcccd53d31cc0cc3080825a08a6a.json
new file mode 100644
index 00000000..844577fe
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7cecbcccd53d31cc0cc3080825a08a6a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7d30ebbc8b18861342ee01e412b26a9a.json b/node_modules/.cache/vue-loader/7d30ebbc8b18861342ee01e412b26a9a.json
new file mode 100644
index 00000000..72bafbbc
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7d30ebbc8b18861342ee01e412b26a9a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=style&index=0&id=3b05fefa&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  /deep/ .el-form-item__content {\n    display: flex;\n    flex-flow: row nowrap;\n    align-items: center;\n}\n/deep/ .el-form-item__label {\n    text-align: left;\n    font-size: 15px;\n}\n/deep/ .el-button--small{\n    margin-left: 0 !important;\n}\n.container {\n    width: 100%;\n    height: 100%;\n    p {\n        width: 95%;\n        font-size: 25px;\n        text-align: left;\n        border-bottom: 1px solid black;\n        margin-bottom: 20px;\n    }\n}\n",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"VPN.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p>系统服务VPN</p>\r\n                <el-form-item label=\"状态：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>保护装置</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>开放VPN</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>资格证书</p>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"12\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n  /deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n/deep/ .el-button--small{\r\n    margin-left: 0 !important;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7dc6ff99bd1e8e2b05c6634005e3f062.json b/node_modules/.cache/vue-loader/7dc6ff99bd1e8e2b05c6634005e3f062.json
new file mode 100644
index 00000000..94cacafe
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7dc6ff99bd1e8e2b05c6634005e3f062.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\barChart.vue","mtime":1673315311937},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"barChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"barChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7dcba67983f060dd6fe417c57351d0a6.json b/node_modules/.cache/vue-loader/7dcba67983f060dd6fe417c57351d0a6.json
new file mode 100644
index 00000000..29b16e44
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7dcba67983f060dd6fe417c57351d0a6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7e56095ab96648a49d5e8907077473be.json b/node_modules/.cache/vue-loader/7e56095ab96648a49d5e8907077473be.json
new file mode 100644
index 00000000..f8148fee
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7e56095ab96648a49d5e8907077473be.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\test1\\index.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\test1\\index.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n}\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n  <div>\r\n    \r\n    <!-- 一级菜单下面所拥有的二级菜单 -->\r\n    <!-- <el-aside style=\"width:12%\" class=\"aside\">\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside>  -->\r\n    <!-- 以及二级菜单所对应的页面 -->\r\n    <el-main>\r\n      <router-view></router-view>\r\n    </el-main>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nexport default {\r\n  components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n        leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-user-solid',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                            // icon : 'el-icon-s-goods',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : require('@/assets/img/xtsz.png'),\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    // icon : 'el-icon-s-goods',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    // icon : 'el-icon-s-goods',\r\n                },\r\n                \r\n            ],\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n.aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7e6ef74193d634ab826912dbc395cac0.json b/node_modules/.cache/vue-loader/7e6ef74193d634ab826912dbc395cac0.json
new file mode 100644
index 00000000..067a8552
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7e6ef74193d634ab826912dbc395cac0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7eb70cfa507c901b4e147b36b1532f28.json b/node_modules/.cache/vue-loader/7eb70cfa507c901b4e147b36b1532f28.json
new file mode 100644
index 00000000..ac74ae9c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7eb70cfa507c901b4e147b36b1532f28.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n    \r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active{\r\n  transition:  all .5s linear;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8HA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2==true?'upActive':'active'\"  @click=\"sectionHandle()\" ></span>\r\n                        </div>\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\"/>\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1==true?'upActive':'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\"/>\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        \r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue'\r\nimport OD from '../../components/target/OD.vue'\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n    \r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active{\r\n  transition:  all .5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7ef9ad0db540a04284eccd60bb8300b7.json b/node_modules/.cache/vue-loader/7ef9ad0db540a04284eccd60bb8300b7.json
new file mode 100644
index 00000000..88d5bc25
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7ef9ad0db540a04284eccd60bb8300b7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["UDPServiceSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;AACA;AACA","file":"UDPServiceSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">UPD服务设置</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"upd服务器端口：\">\r\n          <el-input-number v-model=\"form.name\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"启用有效载荷：\">\r\n          <el-switch v-model=\"form.delivery\"></el-switch>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"最大数据包大小：\">\r\n          <el-input-number v-model=\"form.bytes\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n          bytes\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: 55570,\r\n        delivery: true,\r\n        bytes: 4096\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7f54ed98dba77ca750cfaa54658d58e4.json b/node_modules/.cache/vue-loader/7f54ed98dba77ca750cfaa54658d58e4.json
new file mode 100644
index 00000000..5b7f3933
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7f54ed98dba77ca750cfaa54658d58e4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue","mtime":1673415153060},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 速度组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7f88429d8aa9f6f5332c6a82009ab9f5.json b/node_modules/.cache/vue-loader/7f88429d8aa9f6f5332c6a82009ab9f5.json
new file mode 100644
index 00000000..88bc3fa0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7f88429d8aa9f6f5332c6a82009ab9f5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-5.vue","mtime":1673232721952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["test1-5.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAgBA;AACA;AACA;;AAEA;AACA;AACA","file":"test1-5.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 5 </p>\r\n    <div class=\"test-div\">\r\n      <el-tag effect=\"dark\">标签一</el-tag>\r\n      <el-tag type=\"success\">标签二</el-tag>\r\n      <el-tag type=\"info\">标签三</el-tag>\r\n      <el-tag type=\"warning\" effect=\"dark\">标签四</el-tag>\r\n      <el-tag type=\"danger\" effect=\"dark\">标签五</el-tag>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7f9a1f9a7cd70a5c71adeb173e4d275a.json b/node_modules/.cache/vue-loader/7f9a1f9a7cd70a5c71adeb173e4d275a.json
new file mode 100644
index 00000000..7f51cdce
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7f9a1f9a7cd70a5c71adeb173e4d275a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673592974692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"data\" :type=\"triggerType\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7fa768c440781edf23f520aca53c6187.json b/node_modules/.cache/vue-loader/7fa768c440781edf23f520aca53c6187.json
new file mode 100644
index 00000000..c2061c5c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7fa768c440781edf23f520aca53c6187.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./logs.vue?vue&type=template&id=14bfa549&\"\nimport script from \"./logs.vue?vue&type=script&lang=js&\"\nexport * from \"./logs.vue?vue&type=script&lang=js&\"\nimport style0 from \"./logs.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('14bfa549')) {\n      api.createRecord('14bfa549', component.options)\n    } else {\n      api.reload('14bfa549', component.options)\n    }\n    module.hot.accept(\"./logs.vue?vue&type=template&id=14bfa549&\", function () {\n      api.rerender('14bfa549', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/logs.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7fe46a216c1878e9f0bcb1bc70fa4ed4.json b/node_modules/.cache/vue-loader/7fe46a216c1878e9f0bcb1bc70fa4ed4.json
new file mode 100644
index 00000000..3823001a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/7fe46a216c1878e9f0bcb1bc70fa4ed4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=template&id=57b7d65b&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"statusMain\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-descriptions\",\n          { attrs: { title: \"节点源\", column: 5, border: \"\" } },\n          [\n            _c(\"el-descriptions-item\", { attrs: { label: \"来源\" } }, [\n              _vm._v(\" \" + _vm._s(_vm.form.name1))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"源极状态\" } }, [\n              _vm._v(_vm._s(_vm.form.name2))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"稳定状态\" } }, [\n              _vm._v(_vm._s(_vm.form.state))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"视频数据连接\" } }, [\n              _vm._v(_vm._s(_vm.form.endTime))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"源分辨率\" } }, [\n              _vm._v(_vm._s(_vm.form.blacklist))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"神经网络分辨率\" } }, [\n              _vm._v(_vm._s(_vm.form.autograph))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"输入帧速率\" } }, [\n              _vm._v(_vm._s(_vm.form.version))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"解码器帧速率\" } }, [\n              _vm._v(_vm._s(_vm.form.version))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"检测器帧速率\" } }, [\n              _vm._v(_vm._s(_vm.form.version2))\n            ]),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"最后一帧分析时间\" } },\n              [_vm._v(_vm._s(_vm.form.version4))]\n            ),\n            _c(\"el-descriptions-item\", { attrs: { label: \"运动状态\" } }, [\n              _vm._v(_vm._s(_vm.form.version5))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"摄像机盘\" } }, [\n              _vm._v(_vm._s(_vm.form.version6))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"摄像机倾斜\" } }, [\n              _vm._v(_vm._s(_vm.form.version7))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"照相机变焦\" } }, [\n              _vm._v(_vm._s(_vm.form.version8))\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-descriptions\",\n          { attrs: { title: \"立方体分析\", column: 5, border: \"\" } },\n          [\n            _c(\"el-descriptions-item\", { attrs: { label: \"多维数据集ID\" } }, [\n              _vm._v(\" \" + _vm._s(_vm.form.name1))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"分析ID\" } }, [\n              _vm._v(_vm._s(_vm.form.name2))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"分析序列ID\" } }, [\n              _vm._v(_vm._s(_vm.form.state))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"缓存中的轨迹\" } }, [\n              _vm._v(_vm._s(_vm.form.endTime))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"总缓存容量\" } }, [\n              _vm._v(_vm._s(_vm.form.blacklist))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"高速缓存启动\" } }, [\n              _vm._v(_vm._s(_vm.form.autograph))\n            ]),\n            _c(\"el-descriptions-item\", { attrs: { label: \"高速缓存结束\" } }, [\n              _vm._v(_vm._s(_vm.form.version))\n            ]),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"缓存中的第一条线索\" } },\n              [_vm._v(_vm._s(_vm.form.version))]\n            ),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"缓存中的第最后一条线索\" } },\n              [_vm._v(_vm._s(_vm.form.version2))]\n            ),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"上次自动保存时间戳\" } },\n              [_vm._v(_vm._s(_vm.form.version4))]\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-descriptions\",\n          { attrs: { title: \"洞察同步\", column: 5, border: \"\" } },\n          [\n            _c(\"el-descriptions-item\", { attrs: { label: \"上次同步时间戳\" } }, [\n              _vm._v(\" \" + _vm._s(_vm.form.name1))\n            ]),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"同步上次评估数据的差异\" } },\n              [_vm._v(_vm._s(_vm.form.name2))]\n            ),\n            _c(\n              \"el-descriptions-item\",\n              { attrs: { label: \"同步上次图像数据的差异\" } },\n              [_vm._v(_vm._s(_vm.form.state))]\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          {\n            staticStyle: { \"margin-top\": \"15px\" },\n            attrs: { type: \"primary\" },\n            on: {\n              click: function($event) {\n                _vm.showUpdateCertificate = true\n              }\n            }\n          },\n          [_vm._v(\"更新证书\")]\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"提示\",\n              visible: _vm.showUpdateCertificate,\n              width: \"30%\"\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.showUpdateCertificate = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-row\",\n              [\n                _c(\"el-col\", { attrs: { span: 6 } }, [\n                  _vm._v(\"\\n          文件选择：\\n        \")\n                ]),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 18 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\"\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"span\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        _vm.showUpdateCertificate = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8029c8a165e1e28b0e00ae33e014e40b.json b/node_modules/.cache/vue-loader/8029c8a165e1e28b0e00ae33e014e40b.json
new file mode 100644
index 00000000..45056fb5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8029c8a165e1e28b0e00ae33e014e40b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IPSetting.vue?vue&type=template&id=386da402&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"FTP设置\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"50%\" },\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"110px\"\n            }\n          },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"账号：\" } },\n              [\n                _c(\"el-input\", {\n                  attrs: { placeholder: \"请输入账号名\", clearable: \"\" },\n                  model: {\n                    value: _vm.form.ComponentPropsname,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"ComponentPropsname\", $$v)\n                    },\n                    expression: \"form.ComponentPropsname\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"密码：\" } },\n              [\n                _c(\"el-input\", {\n                  attrs: { placeholder: \"请输入密码\", \"show-password\": \"\" },\n                  model: {\n                    value: _vm.form.password,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"password\", $$v)\n                    },\n                    expression: \"form.password\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"FTP：\" } },\n              [\n                _c(\"el-input\", {\n                  attrs: { placeholder: \"请输入账号名\", clearable: \"\" },\n                  model: {\n                    value: _vm.form.FTP,\n                    callback: function($$v) {\n                      _vm.$set(_vm.form, \"FTP\", $$v)\n                    },\n                    expression: \"form.FTP\"\n                  }\n                })\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          { attrs: { type: \"primary\" }, on: { cilck: _vm.Submit } },\n          [_vm._v(\"修改\")]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/819e6d42f0afb88c36ed86f3e1c78e0a.json b/node_modules/.cache/vue-loader/819e6d42f0afb88c36ed86f3e1c78e0a.json
index b4e3ad3e..cf42eb7c 100644
--- a/node_modules/.cache/vue-loader/819e6d42f0afb88c36ed86f3e1c78e0a.json
+++ b/node_modules/.cache/vue-loader/819e6d42f0afb88c36ed86f3e1c78e0a.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673318539856},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"border\" },\n      [\n        _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n        _vm.triggerType == \"触发\"\n          ? _c(\"thermalChart\", { attrs: { list: _vm.tableData } })\n          : _vm._e(),\n        _vm.triggerType == \"周期时刻\"\n          ? _c(\"thermalChart\", { attrs: { list: _vm.periodicTime } })\n          : _vm._e(),\n        _vm.triggerType == \"周期统计\"\n          ? _c(\"thermalChart\", { attrs: { list: _vm.periodicStatistic } })\n          : _vm._e()\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  OD组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673518264162},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"border\" },\n      [\n        _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n        _vm.triggerType == \"触发\"\n          ? _c(\"thermalChart\", { attrs: { list: _vm.tableData } })\n          : _vm._e(),\n        _vm.triggerType == \"周期时刻\"\n          ? _c(\"thermalChart\", { attrs: { list: _vm.periodicTime } })\n          : _vm._e(),\n        _vm.triggerType == \"周期统计\"\n          ? _c(\"thermalChart\", { attrs: { list: _vm.periodicStatistic } })\n          : _vm._e()\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/82149add26d6a27e6db8f201de52a303.json b/node_modules/.cache/vue-loader/82149add26d6a27e6db8f201de52a303.json
new file mode 100644
index 00000000..4063bcc3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/82149add26d6a27e6db8f201de52a303.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/82bc24679624d5ed0fe4f368a8f8d403.json b/node_modules/.cache/vue-loader/82bc24679624d5ed0fe4f368a8f8d403.json
index c88ba2fc..af368750 100644
--- a/node_modules/.cache/vue-loader/82bc24679624d5ed0fe4f368a8f8d403.json
+++ b/node_modules/.cache/vue-loader/82bc24679624d5ed0fe4f368a8f8d403.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673314894700},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n        {\r\n                    steam_id:0,\r\n                    timestamp:2022-10-01 09:15:10.156,\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='type' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='plate' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        \r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"断面名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间序号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"入流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"出流平均速度\"></el-table-column>\r\n           \r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673580353828},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n        onSubmit(){},\r\n        handleClose(){}\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n          \r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='type' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='plate' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        \r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"断面名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间序号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"入流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"出流平均速度\"></el-table-column>\r\n           \r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n        onSubmit(){},\r\n        handleClose(){}\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8302e5050aca1d9091d0a6a23ba9e48f.json b/node_modules/.cache/vue-loader/8302e5050aca1d9091d0a6a23ba9e48f.json
new file mode 100644
index 00000000..81e5bd9c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8302e5050aca1d9091d0a6a23ba9e48f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6PA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n    <!-- </div> -->\r\n     \r\n    \r\n\r\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\r\n     <!-- <el-container> -->\r\n        <div class=\"header\" >\r\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\r\n      <!-- 水平一级菜单 -->\r\n      <div style=\"float:left;\">\r\n        <!-- <el-menu \r\n          mode=\"horizontal\"\r\n          text-color=\"#000000\"\r\n          active-text-color=\"#3989fa\"\r\n          :default-active=\"toIndex\" \r\n          @select=\"handleSelect\">\r\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\r\n            <span slot=\"title\">{{ item.title }}</span>\r\n          </el-menu-item>\r\n        </el-menu> -->\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n   background: url('../../assets/img/leftBg.png'); \r\n    max-height: 1000px;\r\n    background-size: 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/83d51958d99e3b422d1fe0163cdef0cd.json b/node_modules/.cache/vue-loader/83d51958d99e3b422d1fe0163cdef0cd.json
new file mode 100644
index 00000000..bb61549d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/83d51958d99e3b422d1fe0163cdef0cd.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue?vue&type=template&id=0ade2e2c&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"p\", [_vm._v(\"主题页面 1 - 1\")]),\n      _c(\n        \"div\",\n        { staticClass: \"table-container\" },\n        [\n          _c(\n            \"el-table\",\n            {\n              ref: \"Table1\",\n              staticStyle: { width: \"100%\" },\n              attrs: { data: _vm.list, border: \"\" },\n              on: { \"selection-change\": _vm.handleSelectionChange }\n            },\n            [\n              _c(\"el-table-column\", {\n                attrs: { type: \"selection\", align: \"center\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  type: \"index\",\n                  label: \"序号\",\n                  align: \"center\",\n                  width: \"50\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { label: \"姓名\", align: \"center\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [_vm._v(_vm._s(scope.row.userName))]\n                    }\n                  }\n                ])\n              }),\n              _c(\"el-table-column\", {\n                attrs: { label: \"性别\", align: \"center\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [_vm._v(_vm._s(scope.row.sex))]\n                    }\n                  }\n                ])\n              }),\n              _c(\"el-table-column\", {\n                attrs: { label: \"年龄\", align: \"center\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [_vm._v(_vm._s(scope.row.age))]\n                    }\n                  }\n                ])\n              }),\n              _c(\"el-table-column\", {\n                attrs: { label: \"民族\", align: \"center\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [_vm._v(_vm._s(scope.row.nation))]\n                    }\n                  }\n                ])\n              }),\n              _c(\"el-table-column\", {\n                attrs: { label: \"学历\", align: \"center\" },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [_vm._v(_vm._s(scope.row.education))]\n                    }\n                  }\n                ])\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  label: \"操作\",\n                  width: \"120\",\n                  align: \"center\",\n                  fixed: \"right\"\n                },\n                scopedSlots: _vm._u([\n                  {\n                    key: \"default\",\n                    fn: function(scope) {\n                      return [\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { type: \"text\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleUpdate(scope.$index, scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(\"编辑\")]\n                        ),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { type: \"text\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleDelete(scope.$index, scope.row)\n                              }\n                            }\n                          },\n                          [_vm._v(\"删除\")]\n                        )\n                      ]\n                    }\n                  }\n                ])\n              })\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"div\",\n        { staticClass: \"pagination-area\" },\n        [\n          _c(\"el-pagination\", {\n            attrs: {\n              background: \"\",\n              layout: \"total, sizes, prev, pager, next, jumper\",\n              \"current-page\": _vm.listQuery.pageNum,\n              \"page-size\": _vm.listQuery.pageSize,\n              \"page-sizes\": [10, 20, 50],\n              total: _vm.total\n            },\n            on: {\n              \"size-change\": _vm.handleSizeChange,\n              \"current-change\": _vm.handleCurrentChange,\n              \"update:currentPage\": function($event) {\n                return _vm.$set(_vm.listQuery, \"pageNum\", $event)\n              },\n              \"update:current-page\": function($event) {\n                return _vm.$set(_vm.listQuery, \"pageNum\", $event)\n              }\n            }\n          })\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/84910f6b81ccc4d11cec5a8a50cae68f.json b/node_modules/.cache/vue-loader/84910f6b81ccc4d11cec5a8a50cae68f.json
new file mode 100644
index 00000000..f54e8ac6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/84910f6b81ccc4d11cec5a8a50cae68f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=template&id=3fb0550a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">UPD服务设置</p>\n  <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"180px\">\n      <el-form-item label=\"upd服务器端口：\">\n        <el-input-number v-model=\"form.name\" controls-position=\"right\" :min=\"1\"></el-input-number>\n      </el-form-item>\n\n      <el-form-item label=\"启用有效载荷：\">\n        <el-switch v-model=\"form.delivery\"></el-switch>\n      </el-form-item>\n\n      <el-form-item label=\"最大数据包大小：\">\n        <el-input-number v-model=\"form.bytes\" controls-position=\"right\" :min=\"1\"></el-input-number>\n        bytes\n      </el-form-item>\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/84db535bd9f2446264d431bb57efd9df.json b/node_modules/.cache/vue-loader/84db535bd9f2446264d431bb57efd9df.json
new file mode 100644
index 00000000..bfe0c35f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/84db535bd9f2446264d431bb57efd9df.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\n  export default {\n      name: 'NavMenu', //使用递归组件必须要有\n      props: ['navMenus'], // 传入子组件的数据\n      data() {\n          return {}\n      },\n      computed: {\n  toIndex(){  // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\n    return this.$route.path.split('/')[2];\n  }\n},\n      methods: {\n          handleSelect(key,keyPath){\n              console.log('1212')\n              console.log(key,keyPath)\n          }\n      }\n  }\n",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SideMenu.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        \r\n         <el-menu\r\n          router\r\n          :default-active=\"$route.path\"\r\n          class=\"el-menu-vertical-demo\"\r\n          text-color=\"#fff\"\r\n          active-text-color=\"#ffd04b\">\r\n           <label v-for=\"navMenu in navMenus\">\r\n            <!--只有一级菜单-->\r\n            <el-menu-item v-if=\"!navMenu.children\"\r\n                          :index=\"navMenu.path\"\r\n                          :route=\"navMenu.path\"\r\n            >\r\n                <!--图标-->\r\n                <i :class=\"navMenu.icon\"></i>\r\n                <!--标题-->\r\n                <span slot=\"title\">{{navMenu.title}}</span>\r\n            </el-menu-item>\r\n            <!--有多级菜单-->\r\n            <el-submenu v-if=\"navMenu.children\"\r\n                        :key=\"navMenu.path\"\r\n                        :index=\"navMenu.path\"\r\n            >\r\n                <template slot=\"title\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span> {{navMenu.title}}</span>\r\n                </template>\r\n                <!--递归组件，把遍历的值传回子组件，完成递归调用-->\r\n                <nav-menu :navMenus=\"navMenu.children\"></nav-menu>\r\n            </el-submenu>\r\n        </label>\r\n       </el-menu>\r\n       \r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n    export default {\r\n        name: 'NavMenu', //使用递归组件必须要有\r\n        props: ['navMenus'], // 传入子组件的数据\r\n        data() {\r\n            return {}\r\n        },\r\n        computed: {\r\n    toIndex(){  // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n      return this.$route.path.split('/')[2];\r\n    }\r\n  },\r\n        methods: {\r\n            handleSelect(key,keyPath){\r\n                console.log('1212')\r\n                console.log(key,keyPath)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n}\r\n.sidebar {\r\n  display: block;\r\n  position: absolute;\r\n  left: 0;\r\n  top: 70px;\r\n  bottom: 0;\r\n  overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n  width: 0;\r\n}\r\n.sidebar-el-menu {\r\n  width: 250px;\r\n}\r\n.sidebar > ul {\r\n  height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item{\r\n  font-size: 14px !important;\r\n  padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n  color: white !important;\r\n  background: #3989fa !important;\r\n}\r\n.el-menu-item, .el-submenu__title {\r\n  height: 50px !important;\r\n  line-height: 50px !important;\r\n}\r\n.navMenu{\r\n    background: url('../../assets/img/leftBg.png'); \r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu{\r\n    background: url('../../assets/img/leftBg.png');\r\n   background-size: 100%;\r\n   /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important; \r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/86704200fa27cab9e60b0ccd4ad730de.json b/node_modules/.cache/vue-loader/86704200fa27cab9e60b0ccd4ad730de.json
new file mode 100644
index 00000000..74a25c3c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/86704200fa27cab9e60b0ccd4ad730de.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&\"\nimport script from \"./detailDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./detailDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detailDialog.vue?vue&type=style&index=0&id=405e56cc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"405e56cc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('405e56cc')) {\n      api.createRecord('405e56cc', component.options)\n    } else {\n      api.reload('405e56cc', component.options)\n    }\n    module.hot.accept(\"./detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&\", function () {\n      api.rerender('405e56cc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/detailDialog.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/867d9a50ebf5b1a6c0458862227ce324.json b/node_modules/.cache/vue-loader/867d9a50ebf5b1a6c0458862227ce324.json
new file mode 100644
index 00000000..d05fef88
--- /dev/null
+++ b/node_modules/.cache/vue-loader/867d9a50ebf5b1a6c0458862227ce324.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ImportSettings.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.warning {\r\n  margin-top: 10px;\r\n  width: 35%;\r\n}\r\n",{"version":3,"sources":["ImportSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"ImportSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">导入设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <el-upload class=\"upload-demo\" ref=\"upload\" action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n        :file-list=\"fileList\" :auto-upload=\"false\" @on-success=\"fileSuccess\" @on-error=\"fileError\" @on-progress=\"fileProgress\">\r\n        <el-button slot=\"trigger\" size=\"small\" type=\"primary\">选取文件</el-button>\r\n        <el-button style=\"margin-left: 10px;\" size=\"small\" type=\"success\" @click=\"submitUpload\">导入</el-button>\r\n      </el-upload>\r\n\r\n      <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        将一个保存好的系统设置文件导入本系统。导入后将覆盖现有的所有分析和用户设置，并重启系统，未保存的数据可能会丢失，请谨慎使用.\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      fileList: [],\r\n    }\r\n  },\r\n  methods: {\r\n    submitUpload() {\r\n      this.$refs.upload.submit();\r\n      console.log(this.$refs.upload, '上传');\r\n    },\r\n    // 成功\r\n    fileSuccess(response, file, fileList) {\r\n      console.log(response, file, fileList, '成功');\r\n    },\r\n    // 失败\r\n    fileError(err, file, fileList){\r\n      console.log(err, file, fileList, '失败');\r\n    },\r\n    // 上传中\r\n    fileProgress(event, file, fileList){\r\n      console.log(event, file, fileList, '上传中');\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.warning {\r\n  margin-top: 10px;\r\n  width: 35%;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8766d4ec13a1da830c96d96b1fc4b74e.json b/node_modules/.cache/vue-loader/8766d4ec13a1da830c96d96b1fc4b74e.json
new file mode 100644
index 00000000..e2f36550
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8766d4ec13a1da830c96d96b1fc4b74e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue?vue&type=template&id=ecdd0f0a&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", [_vm._v(\"主机\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"名称：\", \"label-width\": _vm.formLabelWidth } },\n              [\n                _c(\"el-input\", {\n                  staticStyle: { width: \"50%\" },\n                  attrs: { autocomplete: \"off\" },\n                  model: {\n                    value: _vm.sizeForm.name,\n                    callback: function($$v) {\n                      _vm.$set(_vm.sizeForm, \"name\", $$v)\n                    },\n                    expression: \"sizeForm.name\"\n                  }\n                })\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"时间：\", \"label-width\": _vm.formLabelWidth } },\n              [\n                _c(\"el-date-picker\", {\n                  staticStyle: { width: \"50%\" },\n                  attrs: {\n                    type: \"date\",\n                    placeholder: \"选择日期\",\n                    autocomplete: \"off\"\n                  },\n                  model: {\n                    value: _vm.sizeForm.date1,\n                    callback: function($$v) {\n                      _vm.$set(_vm.sizeForm, \"date1\", $$v)\n                    },\n                    expression: \"sizeForm.date1\"\n                  }\n                }),\n                _c(\n                  \"el-button\",\n                  {\n                    staticStyle: { \"margin-left\": \"10px\" },\n                    attrs: { type: \"primary\", size: \"small\" }\n                  },\n                  [_vm._v(\"自动校验\")]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"备份&恢复\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"备份服务器设置：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"备份\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"还原服务器设置：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 3 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", disabled: \"\", size: \"small\" }\n                      },\n                      [_vm._v(\"备份\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"出厂默认值\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"还原服务器设置：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleReset()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重置默认值\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"重新启动\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"重新启动系统：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重新启动\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/87e1ca000fc03c1bd7d04d3b5635dd32.json b/node_modules/.cache/vue-loader/87e1ca000fc03c1bd7d04d3b5635dd32.json
new file mode 100644
index 00000000..827ff14e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/87e1ca000fc03c1bd7d04d3b5635dd32.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673592982569},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _c(\"tableShow\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _c(\"regionTable\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"lineChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            })\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\"div\")\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8811f9c41f20348d5438665e74812852.json b/node_modules/.cache/vue-loader/8811f9c41f20348d5438665e74812852.json
new file mode 100644
index 00000000..ab39d985
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8811f9c41f20348d5438665e74812852.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673592974692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\"\nimport script from \"./checkChart.vue?vue&type=script&lang=js&\"\nexport * from \"./checkChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f8d30dd8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f8d30dd8')) {\n      api.createRecord('f8d30dd8', component.options)\n    } else {\n      api.reload('f8d30dd8', component.options)\n    }\n    module.hot.accept(\"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\", function () {\n      api.rerender('f8d30dd8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/checkChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/888e73d99853e5738ce52eddee4d68d3.json b/node_modules/.cache/vue-loader/888e73d99853e5738ce52eddee4d68d3.json
index 1a15bb83..ef1f697a 100644
--- a/node_modules/.cache/vue-loader/888e73d99853e5738ce52eddee4d68d3.json
+++ b/node_modules/.cache/vue-loader/888e73d99853e5738ce52eddee4d68d3.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673232721963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\">\n                      <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\">\n                        <el-input v-model=\"sizeForm.name\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.name\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\n                    <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-radio-group v-model=\"coordinateForm.model\">\n                            <el-radio label=\"Georeferencing\"></el-radio>\n\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                        <div class=\"warning\">\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                            >地理参照允许测量物理速度和静态图像源的距离。\n                        </div>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <iframe\n                            id=\"mapModuleTop\"\n                            @load=\"load\"\n                            src=\"./VideoWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                        <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n      ref=\"iframe\"></iframe> -->\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.name\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.longitude\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.latitude\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"coordinateForm.coordinateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\">\n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\">\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n                            <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n                            <el-radio label=\"自定义\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\n                        <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                        <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\n                        <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\n                    <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('coordinate')\">\n                    <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\n                    <!-- <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item> -->\n                    <el-form-item label=\"UTM区：\"  class=\"otherThings\">\n                            <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"60\"></el-input-number>\n                            <div class=\"warning\" style=\"margin:0px\">\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                                >地理参照允许测量物理速度和静态图像源的距离。\n                            </div>\n                    </el-form-item>\n                    <el-form-item label=\"半球：\" >\n                      <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\n                          <el-option\n                            v-for=\"(item) in options\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                          </el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" >\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"WGS-84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" >\n                        <iframe\n                            id=\"mapModuleTop\"\n                            @load=\"load\"\n                            src=\"./VideoWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                        <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n      ref=\"iframe\"></iframe> -->\n                    </div>\n                    <div class=\"warning\">\n                        <el-button\n                            size=\"mini\"\n                            type=\"primary\"\n                            style=\"color: #fffff\"\n                            @click=\"dialogVisible = true\"\n                            >新增点\n                        </el-button>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >请至少配置4个点，不满足4个点会没有数据。\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" >\n                        <template slot=\"empty\">\n                          <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\n                        </template>\n                        <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >编辑\n                                </el-button>\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDeleteDian(scope.row)\"\n                                    >删除\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            :disabled=\"coordinateTableData.length<4\"\n                            @click=\"handlePos()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('plate')\">\n                  <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\n                    </el-form-item>\n                    <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\" v-if=\"false\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('parking')\">\n                  <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\" v-if=\"false\"> \n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\n                    <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n                            <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n                            <el-radio label=\"自定义\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n        <el-dialog\n          title=\"新增点\"\n          :visible.sync=\"dialogVisible\"\n          width=\"30%\"\n          :before-close=\"handleClose\">\n          <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\n              <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"纬度：\" prop=\"latitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\n                </el-col>\n              </el-form-item>\n          </el-form>\n          <span slot=\"footer\" class=\"dialog-footer\">\n            <el-button @click=\"dialogVisible = false\">取 消</el-button>\n            <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\n          </span>\n        </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8899945a8468b784fd602cdcfb6a4542.json b/node_modules/.cache/vue-loader/8899945a8468b784fd602cdcfb6a4542.json
new file mode 100644
index 00000000..a4e2ef17
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8899945a8468b784fd602cdcfb6a4542.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      tableData: [\r\n        {\r\n          date: '2016-05-02',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1518 弄'\r\n        }, {\r\n          date: '2016-05-04',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1517 弄'\r\n        }, {\r\n          date: '2016-05-01',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1519 弄'\r\n        }, {\r\n          date: '2016-05-03',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1516 弄'\r\n        },\r\n      ],\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogVisible: false\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 170;\r\n  },\r\n  methods: {\r\n    download(scope) {\r\n      console.log(scope, '下载');\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogVisible = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["logs.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"logs.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">通知/日志</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"date\" label=\"通知类型\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"产生时机\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"address\" label=\"内容\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"download(scope.row)\" type=\"text\" size=\"small\" class=\"\">下载</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\">\r\n        <span>这是一段信息</span>\r\n        <!-- <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n          <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\r\n        </span> -->\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      tableData: [\r\n        {\r\n          date: '2016-05-02',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1518 弄'\r\n        }, {\r\n          date: '2016-05-04',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1517 弄'\r\n        }, {\r\n          date: '2016-05-01',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1519 弄'\r\n        }, {\r\n          date: '2016-05-03',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1516 弄'\r\n        },\r\n      ],\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogVisible: false\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 170;\r\n  },\r\n  methods: {\r\n    download(scope) {\r\n      console.log(scope, '下载');\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogVisible = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8a50fa0d863bb1eaef69c893200eef5a.json b/node_modules/.cache/vue-loader/8a50fa0d863bb1eaef69c893200eef5a.json
new file mode 100644
index 00000000..febe1576
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8a50fa0d863bb1eaef69c893200eef5a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\CustomOperations.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./CustomOperations.vue?vue&type=template&id=82754e84&scoped=true&\"\nimport script from \"./CustomOperations.vue?vue&type=script&lang=js&\"\nexport * from \"./CustomOperations.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CustomOperations.vue?vue&type=style&index=0&id=82754e84&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"82754e84\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('82754e84')) {\n      api.createRecord('82754e84', component.options)\n    } else {\n      api.reload('82754e84', component.options)\n    }\n    module.hot.accept(\"./CustomOperations.vue?vue&type=template&id=82754e84&scoped=true&\", function () {\n      api.rerender('82754e84', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/CustomOperations.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8a734cdf651a967aada7fbcef3523f93.json b/node_modules/.cache/vue-loader/8a734cdf651a967aada7fbcef3523f93.json
new file mode 100644
index 00000000..e9ccad6e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8a734cdf651a967aada7fbcef3523f93.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\"\nimport script from \"./checkChart.vue?vue&type=script&lang=js&\"\nexport * from \"./checkChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f8d30dd8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f8d30dd8')) {\n      api.createRecord('f8d30dd8', component.options)\n    } else {\n      api.reload('f8d30dd8', component.options)\n    }\n    module.hot.accept(\"./checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&\", function () {\n      api.rerender('f8d30dd8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/checkChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8b8a47eb08d21233e0235316a3de2089.json b/node_modules/.cache/vue-loader/8b8a47eb08d21233e0235316a3de2089.json
new file mode 100644
index 00000000..d68b407e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8b8a47eb08d21233e0235316a3de2089.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673592663793},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :title=\"title\" :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8bb77c98dc48e7f289b2184fe26017b3.json b/node_modules/.cache/vue-loader/8bb77c98dc48e7f289b2184fe26017b3.json
new file mode 100644
index 00000000..7b3e89bc
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8bb77c98dc48e7f289b2184fe26017b3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue","mtime":1673315311937},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./barChart.vue?vue&type=template&id=603ea6ac&\"\nimport script from \"./barChart.vue?vue&type=script&lang=js&\"\nexport * from \"./barChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('603ea6ac')) {\n      api.createRecord('603ea6ac', component.options)\n    } else {\n      api.reload('603ea6ac', component.options)\n    }\n    module.hot.accept(\"./barChart.vue?vue&type=template&id=603ea6ac&\", function () {\n      api.rerender('603ea6ac', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/barChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8bc36e3c532261f9d14a2b59d50a4dd5.json b/node_modules/.cache/vue-loader/8bc36e3c532261f9d14a2b59d50a4dd5.json
new file mode 100644
index 00000000..1b26b080
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8bc36e3c532261f9d14a2b59d50a4dd5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IdManagement.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&\"\nimport script from \"./IdManagement.vue?vue&type=script&lang=js&\"\nexport * from \"./IdManagement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IdManagement.vue?vue&type=style&index=0&id=1538ddf8&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1538ddf8\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1538ddf8')) {\n      api.createRecord('1538ddf8', component.options)\n    } else {\n      api.reload('1538ddf8', component.options)\n    }\n    module.hot.accept(\"./IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&\", function () {\n      api.rerender('1538ddf8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/IdManagement.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8da4bf3ec0db6cf585403f62643b636b.json b/node_modules/.cache/vue-loader/8da4bf3ec0db6cf585403f62643b636b.json
new file mode 100644
index 00000000..c3007065
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8da4bf3ec0db6cf585403f62643b636b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["I18n.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;;AAEA;AACA;AACA","file":"I18n.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <section class=\"main\">\r\n    <div class=\"crumbs\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item>{{ $t('i18n.breadcrumb') }}</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </div>\r\n    <div class=\"container\">\r\n      <span>{{ $t('i18n.tips') }}</span>\r\n      <el-button type=\"primary\" @click=\"$i18n.locale = $i18n.locale === 'zh' ? 'en' : 'zh'\">{{ $t('i18n.btn') }}</el-button>\r\n      <div class=\"list\">\r\n        <h2>{{ $t('i18n.title1') }}</h2>\r\n        <p>{{ $t('i18n.p1') }}</p>\r\n        <p>{{ $t('i18n.p2') }}</p>\r\n        <p>{{ $t('i18n.p3') }}</p>\r\n      </div>\r\n      <h2>{{ $t('i18n.title2') }}</h2>\r\n      <div>\r\n        <i18n path=\"i18n.info\" tag=\"p\">\r\n          <a place=\"action\" href=\"https://element.eleme.cn/2.0/#/zh-CN/component/i18n\">{{ $t('i18n.value') }}</a>\r\n        </i18n>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.list {\r\n  padding: 30px 0;\r\n}\r\n.list p {\r\n  margin-bottom: 20px;\r\n}\r\na {\r\n  color: #409eff;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8df0dadfd75a003f4d17dba2fdea4d33.json b/node_modules/.cache/vue-loader/8df0dadfd75a003f4d17dba2fdea4d33.json
new file mode 100644
index 00000000..8000a5e1
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8df0dadfd75a003f4d17dba2fdea4d33.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue","mtime":1673314902485},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84f76fcc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84f76fcc')) {\n      api.createRecord('84f76fcc', component.options)\n    } else {\n      api.reload('84f76fcc', component.options)\n    }\n    module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n      api.rerender('84f76fcc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8f4b3bf5357f1f737d8fc8273c0a3048.json b/node_modules/.cache/vue-loader/8f4b3bf5357f1f737d8fc8273c0a3048.json
index cef81471..be59dca3 100644
--- a/node_modules/.cache/vue-loader/8f4b3bf5357f1f737d8fc8273c0a3048.json
+++ b/node_modules/.cache/vue-loader/8f4b3bf5357f1f737d8fc8273c0a3048.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673257811148},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\nname: 'lineUpChart', //排队数组件\r\ncomponents: {\r\n    lineChart,\r\n    barChart,\r\n    tableShow,\r\n    detailDialog,\r\n    thermalChart,\r\n    regionTable\r\n},\r\nprops: ['pageType', 'triggerType'],\r\ndata() {\r\n    return {\r\n        tableData: [\r\n            {\r\n                time: '7:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.999999',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '80',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '9:40',\r\n                type: '货车',\r\n                carNumber: '苏E.888888',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '60',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.777777',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '90',\r\n                headWay: '10'\r\n            }\r\n        ],\r\n        periodicTime: [\r\n            {\r\n                time: '17:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '50',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '22:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '30',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '24:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '80',\r\n                CongestionStatus: '拥堵'\r\n            }\r\n        ],\r\n        periodicStatistic: [\r\n            {\r\n                time: '9:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '60',\r\n                avgFlow: '200'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '55',\r\n                avgFlow: '50'\r\n            },\r\n            {\r\n                time: '11:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '61',\r\n                avgFlow: '40'\r\n            }\r\n        ]\r\n    };\r\n},\r\nmethods: {},\r\nmounted() {}\r\n};\r\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  排队数组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\nname: 'lineUpChart', //排队数组件\r\ncomponents: {\r\n    lineChart,\r\n    barChart,\r\n    tableShow,\r\n    detailDialog,\r\n    thermalChart,\r\n    regionTable\r\n},\r\nprops: ['pageType', 'triggerType'],\r\ndata() {\r\n    return {\r\n        tableData: [\r\n            {\r\n                time: '7:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.999999',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '80',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '9:40',\r\n                type: '货车',\r\n                carNumber: '苏E.888888',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '60',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.777777',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '90',\r\n                headWay: '10'\r\n            }\r\n        ],\r\n        periodicTime: [\r\n            {\r\n                time: '17:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '50',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '22:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '30',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '24:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '80',\r\n                CongestionStatus: '拥堵'\r\n            }\r\n        ],\r\n        periodicStatistic: [\r\n            {\r\n                time: '9:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '60',\r\n                avgFlow: '200'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '55',\r\n                avgFlow: '50'\r\n            },\r\n            {\r\n                time: '11:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '61',\r\n                avgFlow: '40'\r\n            }\r\n        ]\r\n    };\r\n},\r\nmethods: {},\r\nmounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.border {\r\nwidth: 100%;\r\nmargin-bottom: 20px;\r\nposition: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8f72f040fee70bbb67c6c09affdafc6f.json b/node_modules/.cache/vue-loader/8f72f040fee70bbb67c6c09affdafc6f.json
new file mode 100644
index 00000000..66aaa799
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8f72f040fee70bbb67c6c09affdafc6f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue?vue&type=style&index=0&id=558a7c3e&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n",{"version":3,"sources":["sideBarCommon.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"sideBarCommon.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["\r\n<template>\r\n    <div>\r\n        <template v-for=\"navMenu in this.menuNavList\">\r\n                <el-menu-item v-if=\"!navMenu.children\" :index=\"navMenu.path\" :route=\"navMenu.path\">\r\n                    <i :class=\"navMenu.icon\"></i>\r\n                    <span slot=\"title\">{{ navMenu.title }}</span>\r\n                </el-menu-item>\r\n                <el-submenu v-if=\"navMenu.children\" :key=\"navMenu.path\" :index=\"navMenu.path\">\r\n                    <template slot=\"title\">\r\n                        <i :class=\"navMenu.icon\"></i>\r\n                        <span> {{ navMenu.title }}</span>\r\n                    </template>\r\n                    <menu-tree :menuNavList=\"navMenu.children\"></menu-tree>\r\n                    <!-- <nav-menu :navMenus=\"navMenu.children\"></nav-menu> -->\r\n                </el-submenu>\r\n        </template>\r\n    </div>\r\n</template>\r\n \r\n<script>\r\n    export default {\r\n        props: ['menuNavList'],\r\n        name: 'MenuTree',\r\n    }\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8fe0af619b18e18b8e820c491a6f8eb8.json b/node_modules/.cache/vue-loader/8fe0af619b18e18b8e820c491a6f8eb8.json
new file mode 100644
index 00000000..b4df513d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8fe0af619b18e18b8e820c491a6f8eb8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./avgChart.vue?vue&type=template&id=1027cecd&\"\nimport script from \"./avgChart.vue?vue&type=script&lang=js&\"\nexport * from \"./avgChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1027cecd')) {\n      api.createRecord('1027cecd', component.options)\n    } else {\n      api.reload('1027cecd', component.options)\n    }\n    module.hot.accept(\"./avgChart.vue?vue&type=template&id=1027cecd&\", function () {\n      api.rerender('1027cecd', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/avgChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/901a6a3eb17d42106836988c764bf38d.json b/node_modules/.cache/vue-loader/901a6a3eb17d42106836988c764bf38d.json
new file mode 100644
index 00000000..81343ce4
--- /dev/null
+++ b/node_modules/.cache/vue-loader/901a6a3eb17d42106836988c764bf38d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">账号管理</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-button @click=\"addAccountDialog = true\" type=\"primary\" style=\"margin-bottom: 10px;\"><i\n        class=\"el-icon-circle-plus-outline\" style=\"margin-right: 3px;\"></i>新增</el-button>\n\n    <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\n      <el-table-column align=\"center\" prop=\"name\" label=\"用户名称\" width=\"180\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"account\" label=\"用户账号\" width=\"180\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"role\" label=\"角色\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"jurisdiction\" label=\"权限\"></el-table-column>\n      <el-table-column align=\"center\" label=\"操作\" width=\"160\">\n        <template slot-scope=\"scope\">\n          <el-button @click=\"edit(scope.row)\" type=\"text\" size=\"small\" class=\"\">编辑</el-button>\n          <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\n          <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n\n    <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\n      :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\n      layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\n    </el-pagination>\n    <div class=\"dialog\">\n      <el-dialog :title=\"dialogTitle\" :visible.sync=\"addAccountDialog\" width=\"30%\">\n        <el-form label-position=\"left\" label-width=\"80px\" :model=\"formLabelAlign\">\n          <el-form-item label=\"名称：\">\n            <el-input v-model=\"formLabelAlign.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"账号：\">\n            <el-input v-model=\"formLabelAlign.account\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"角色：\">\n            <el-input v-model=\"formLabelAlign.role\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"权限：\">\n            <el-input v-model=\"formLabelAlign.jurisdiction\"></el-input>\n          </el-form-item>\n        </el-form>\n        <span slot=\"footer\" class=\"dialog-footer\">\n          <el-button type=\"primary\" @click=\"addAccountDialog = false\">确 定</el-button>\n        </span>\n      </el-dialog>\n    </div>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/903a77a8476f8bc362c7b066191cf4f0.json b/node_modules/.cache/vue-loader/903a77a8476f8bc362c7b066191cf4f0.json
new file mode 100644
index 00000000..a12ac6ff
--- /dev/null
+++ b/node_modules/.cache/vue-loader/903a77a8476f8bc362c7b066191cf4f0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["403.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"403.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div class=\"error-page\">\r\n    <div class=\"error-code\">4<span>0</span>3</div>\r\n    <div class=\"error-desc\">啊哦~ 你没有权限访问该页面哦</div>\r\n    <div class=\"error-handle\">\r\n      <router-link to=\"/\">\r\n        <el-button type=\"primary\" size=\"large\">返回首页</el-button>\r\n      </router-link>\r\n      <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.error-code{\r\n  color: #f02d2d;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/90b40af5fcff610a5af3919436c9dbd4.json b/node_modules/.cache/vue-loader/90b40af5fcff610a5af3919436c9dbd4.json
new file mode 100644
index 00000000..cb80346d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/90b40af5fcff610a5af3919436c9dbd4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\logs.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["logs.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA;AACA;AACA","file":"logs.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">通知/日志</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"date\" label=\"通知类型\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"产生时机\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"address\" label=\"内容\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"download(scope.row)\" type=\"text\" size=\"small\" class=\"\">下载</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\">\r\n        <span>这是一段信息</span>\r\n        <!-- <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n          <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\r\n        </span> -->\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      tableData: [\r\n        {\r\n          date: '2016-05-02',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1518 弄'\r\n        }, {\r\n          date: '2016-05-04',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1517 弄'\r\n        }, {\r\n          date: '2016-05-01',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1519 弄'\r\n        }, {\r\n          date: '2016-05-03',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1516 弄'\r\n        },\r\n      ],\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogVisible: false\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 170;\r\n  },\r\n  methods: {\r\n    download(scope) {\r\n      console.log(scope, '下载');\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogVisible = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/90c896ca36ae15ab176a3a19f07d2823.json b/node_modules/.cache/vue-loader/90c896ca36ae15ab176a3a19f07d2823.json
new file mode 100644
index 00000000..6ff4b3b3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/90c896ca36ae15ab176a3a19f07d2823.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673593140949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '延误组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\"></lineChart>\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '延误组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/917e70d2ca807e0a3f9b9fa376f5ba8c.json b/node_modules/.cache/vue-loader/917e70d2ca807e0a3f9b9fa376f5ba8c.json
new file mode 100644
index 00000000..5f00e201
--- /dev/null
+++ b/node_modules/.cache/vue-loader/917e70d2ca807e0a3f9b9fa376f5ba8c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n.btn{\n    position: absolute;\n    right: 10%;\n    bottom: 18%;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/91b568b016377ef75ab2f6d4a3dfb131.json b/node_modules/.cache/vue-loader/91b568b016377ef75ab2f6d4a3dfb131.json
new file mode 100644
index 00000000..8ea38af0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/91b568b016377ef75ab2f6d4a3dfb131.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/921c2b1b9989b471562d5f2fa9d95c2e.json b/node_modules/.cache/vue-loader/921c2b1b9989b471562d5f2fa9d95c2e.json
index 6664fe49..6b9833d6 100644
--- a/node_modules/.cache/vue-loader/921c2b1b9989b471562d5f2fa9d95c2e.json
+++ b/node_modules/.cache/vue-loader/921c2b1b9989b471562d5f2fa9d95c2e.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673232721963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA66BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.model\">\r\n                                <el-radio label=\"Georeferencing\"></el-radio>\r\n\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                            <div class=\"warning\">\r\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                >地理参照允许测量物理速度和静态图像源的距离。\r\n                            </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系'\r\n            },\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAunCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n        })\r\n    },\r\n    methods: {\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.addDianForm={}\r\n            this.dialogVisible = false\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/923023aa2f6ecd7dd57c44371fa7af48.json b/node_modules/.cache/vue-loader/923023aa2f6ecd7dd57c44371fa7af48.json
new file mode 100644
index 00000000..77d0c7b0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/923023aa2f6ecd7dd57c44371fa7af48.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\404.vue?vue&type=template&id=bf4272de&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"error-page\" }, [\n    _vm._m(0),\n    _c(\"div\", { staticClass: \"error-desc\" }, [\n      _vm._v(\"啊哦~ 你所访问的页面不存在\")\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"error-handle\" },\n      [\n        _c(\n          \"router-link\",\n          { attrs: { to: \"/\" } },\n          [\n            _c(\"el-button\", { attrs: { type: \"primary\", size: \"large\" } }, [\n              _vm._v(\"返回首页\")\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          {\n            staticClass: \"error-btn\",\n            attrs: { type: \"primary\", size: \"large\" },\n            on: {\n              click: function($event) {\n                return _vm.goBack()\n              }\n            }\n          },\n          [_vm._v(\"返回上一页\")]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"error-code\" }, [\n      _vm._v(\"4\"),\n      _c(\"span\", [_vm._v(\"0\")]),\n      _vm._v(\"4\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/92c6e2a87c62a514489f258139af87f0.json b/node_modules/.cache/vue-loader/92c6e2a87c62a514489f258139af87f0.json
new file mode 100644
index 00000000..8d253557
--- /dev/null
+++ b/node_modules/.cache/vue-loader/92c6e2a87c62a514489f258139af87f0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673598250692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"thermalChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"thermalChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9344c563d10757388b07ee1c87844447.json b/node_modules/.cache/vue-loader/9344c563d10757388b07ee1c87844447.json
new file mode 100644
index 00000000..31a50857
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9344c563d10757388b07ee1c87844447.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue?vue&type=template&id=ecdd0f0a&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\" >\r\n      <p>主机</p>\r\n      <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"sizeForm.date1\" style=\"width: 50%;\" autocomplete=\"off\" ></el-date-picker>\r\n        <!-- </el-col> -->\r\n        <!-- <el-col :span=\"2\"> -->\r\n          <el-button type=\"primary\" style=\"margin-left:10px\" size=\"small\">自动校验</el-button>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <p>备份&恢复</p>\r\n      <el-form-item label=\"备份服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" size=\"small\">备份</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"3\">\r\n          <el-button type=\"primary\" disabled size=\"small\">备份</el-button>\r\n        </el-col>\r\n        <el-col :span=\"4\">\r\n          <el-upload\r\n            class=\"upload-demo\"\r\n            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n            :on-preview=\"handlePreview\"\r\n            :on-remove=\"handleRemove\"\r\n            :before-remove=\"beforeRemove\"\r\n            multiple\r\n            :limit=\"3\"\r\n            :on-exceed=\"handleExceed\"\r\n            :file-list=\"fileList\">\r\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n          </el-upload>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>出厂默认值</p>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleReset()\" size=\"small\">重置默认值</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>重新启动</p>\r\n      <el-form-item label=\"重新启动系统：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">重新启动</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9356e71540163a3baa9062c4a8ca99c3.json b/node_modules/.cache/vue-loader/9356e71540163a3baa9062c4a8ca99c3.json
new file mode 100644
index 00000000..d46611fe
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9356e71540163a3baa9062c4a8ca99c3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: 55570,\r\n        delivery: true,\r\n        bytes: 4096\r\n      }\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["UDPServiceSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"UDPServiceSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">UPD服务设置</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"upd服务器端口：\">\r\n          <el-input-number v-model=\"form.name\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"启用有效载荷：\">\r\n          <el-switch v-model=\"form.delivery\"></el-switch>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"最大数据包大小：\">\r\n          <el-input-number v-model=\"form.bytes\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n          bytes\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: 55570,\r\n        delivery: true,\r\n        bytes: 4096\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/93655c47961988da1bc827fd215731c2.json b/node_modules/.cache/vue-loader/93655c47961988da1bc827fd215731c2.json
new file mode 100644
index 00000000..f6af7b06
--- /dev/null
+++ b/node_modules/.cache/vue-loader/93655c47961988da1bc827fd215731c2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./sideBarCommon.vue?vue&type=template&id=558a7c3e&scoped=true&\"\nimport script from \"./sideBarCommon.vue?vue&type=script&lang=js&\"\nexport * from \"./sideBarCommon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./sideBarCommon.vue?vue&type=style&index=0&id=558a7c3e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"558a7c3e\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('558a7c3e')) {\n      api.createRecord('558a7c3e', component.options)\n    } else {\n      api.reload('558a7c3e', component.options)\n    }\n    module.hot.accept(\"./sideBarCommon.vue?vue&type=template&id=558a7c3e&scoped=true&\", function () {\n      api.rerender('558a7c3e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/sidemenu/sideBarCommon.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/94a70ee8401415eabb3da9d47191e19b.json b/node_modules/.cache/vue-loader/94a70ee8401415eabb3da9d47191e19b.json
new file mode 100644
index 00000000..ea55201e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/94a70ee8401415eabb3da9d47191e19b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./403.vue?vue&type=template&id=bf5ea1e0&scoped=true&\"\nimport script from \"./403.vue?vue&type=script&lang=js&\"\nexport * from \"./403.vue?vue&type=script&lang=js&\"\nimport style0 from \"./403.vue?vue&type=style&index=0&id=bf5ea1e0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"bf5ea1e0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('bf5ea1e0')) {\n      api.createRecord('bf5ea1e0', component.options)\n    } else {\n      api.reload('bf5ea1e0', component.options)\n    }\n    module.hot.accept(\"./403.vue?vue&type=template&id=bf5ea1e0&scoped=true&\", function () {\n      api.rerender('bf5ea1e0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/403.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/950e9e2660949d5d66e0e5fa136a67d2.json b/node_modules/.cache/vue-loader/950e9e2660949d5d66e0e5fa136a67d2.json
new file mode 100644
index 00000000..222fe559
--- /dev/null
+++ b/node_modules/.cache/vue-loader/950e9e2660949d5d66e0e5fa136a67d2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./network.vue?vue&type=template&id=e5ed2546&scoped=true&\"\nimport script from \"./network.vue?vue&type=script&lang=js&\"\nexport * from \"./network.vue?vue&type=script&lang=js&\"\nimport style0 from \"./network.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./network.vue?vue&type=style&index=1&id=e5ed2546&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e5ed2546\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('e5ed2546')) {\n      api.createRecord('e5ed2546', component.options)\n    } else {\n      api.reload('e5ed2546', component.options)\n    }\n    module.hot.accept(\"./network.vue?vue&type=template&id=e5ed2546&scoped=true&\", function () {\n      api.rerender('e5ed2546', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/network.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/95267f50c0540610508be79421c4037b.json b/node_modules/.cache/vue-loader/95267f50c0540610508be79421c4037b.json
new file mode 100644
index 00000000..798d05d3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/95267f50c0540610508be79421c4037b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\VPN.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./VPN.vue?vue&type=template&id=3b05fefa&scoped=true&\"\nimport script from \"./VPN.vue?vue&type=script&lang=js&\"\nexport * from \"./VPN.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VPN.vue?vue&type=style&index=0&id=3b05fefa&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3b05fefa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3b05fefa')) {\n      api.createRecord('3b05fefa', component.options)\n    } else {\n      api.reload('3b05fefa', component.options)\n    }\n    module.hot.accept(\"./VPN.vue?vue&type=template&id=3b05fefa&scoped=true&\", function () {\n      api.rerender('3b05fefa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/VPN.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9558e2b67779fff541e87cd011774b98.json b/node_modules/.cache/vue-loader/9558e2b67779fff541e87cd011774b98.json
index bbed07a4..5a817568 100644
--- a/node_modules/.cache/vue-loader/9558e2b67779fff541e87cd011774b98.json
+++ b/node_modules/.cache/vue-loader/9558e2b67779fff541e87cd011774b98.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673261112620},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"tableContent\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.type == \"触发\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"carNumber\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"视频帧\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"存车数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"排队数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"占用状态\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"headWay\",\n                  label: \"空间平均速度\"\n                }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期统计\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"time\", label: \"时间\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"事件\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"车道\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"平均速度\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均流量\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择\" },\n                      model: {\n                        value: _vm.value,\n                        callback: function($$v) {\n                          _vm.value = $$v\n                        },\n                        expression: \"value\"\n                      }\n                    },\n                    _vm._l(_vm.options, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n                    _vm._v(\"确认\")\n                  ]),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673580353828},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"tableContent\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.type == \"触发\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"steam_id\", label: \"视频路\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"timestamp\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"obj_id\", label: \"目标编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"plate\", label: \"车牌\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"速度\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"监测触发事件\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"车道\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"车头时距\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期统计\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"time\", label: \"断面编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"断面名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"时间序号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"入流流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"出流流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"time\", label: \"断面流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"入流平均速度\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"出流平均速度\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择\" },\n                      model: {\n                        value: _vm.value,\n                        callback: function($$v) {\n                          _vm.value = $$v\n                        },\n                        expression: \"value\"\n                      }\n                    },\n                    _vm._l(_vm.options, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n                    _vm._v(\"确认\")\n                  ]),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/95e1193686142cbba4073e66821e259c.json b/node_modules/.cache/vue-loader/95e1193686142cbba4073e66821e259c.json
index 1e8089a1..91496096 100644
--- a/node_modules/.cache/vue-loader/95e1193686142cbba4073e66821e259c.json
+++ b/node_modules/.cache/vue-loader/95e1193686142cbba4073e66821e259c.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673319115703},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue'\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                \r\n\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  速度组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue'\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                \r\n\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673579760842},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    // pagetype:断面 || 区域  triggerType 触发||周期时刻||周期统计\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '速度组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ]\r\n            // triggerType: '周期统计',\r\n        };\r\n    },\r\n    created() {\r\n        console.log(this.data);\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :pageType=\"pageType\" :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :pageType=\"pageType\" :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :pageType=\"pageType\" :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :title=\"title\" :pageType=\"pageType\" :list=\"tableData\" :status=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :title=\"title\" :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :title=\"title\" :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :title=\"title\" :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    // pagetype:断面 || 区域  triggerType 触发||周期时刻||周期统计\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '速度组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ]\r\n            // triggerType: '周期统计',\r\n        };\r\n    },\r\n    created() {\r\n        console.log(this.data);\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/966225c88332b8b7ec1ad2bc86863546.json b/node_modules/.cache/vue-loader/966225c88332b8b7ec1ad2bc86863546.json
new file mode 100644
index 00000000..e04dcfcc
--- /dev/null
+++ b/node_modules/.cache/vue-loader/966225c88332b8b7ec1ad2bc86863546.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\I18n.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./I18n.vue?vue&type=template&id=d51955fc&scoped=true&\"\nimport script from \"./I18n.vue?vue&type=script&lang=js&\"\nexport * from \"./I18n.vue?vue&type=script&lang=js&\"\nimport style0 from \"./I18n.vue?vue&type=style&index=0&id=d51955fc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d51955fc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('d51955fc')) {\n      api.createRecord('d51955fc', component.options)\n    } else {\n      api.reload('d51955fc', component.options)\n    }\n    module.hot.accept(\"./I18n.vue?vue&type=template&id=d51955fc&scoped=true&\", function () {\n      api.rerender('d51955fc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/common/I18n.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/967696e0785a7c41f8951782d6b92831.json b/node_modules/.cache/vue-loader/967696e0785a7c41f8951782d6b92831.json
new file mode 100644
index 00000000..2b4d2c29
--- /dev/null
+++ b/node_modules/.cache/vue-loader/967696e0785a7c41f8951782d6b92831.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/96b1f0e782661148478963d01ec01ee5.json b/node_modules/.cache/vue-loader/96b1f0e782661148478963d01ec01ee5.json
new file mode 100644
index 00000000..a87ea707
--- /dev/null
+++ b/node_modules/.cache/vue-loader/96b1f0e782661148478963d01ec01ee5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\logs.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["logs.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+FA;AACA;AACA","file":"logs.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">通知/日志</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"date\" label=\"通知类型\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"产生时机\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"address\" label=\"内容\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"download(scope.row)\" type=\"text\" size=\"small\" class=\"\">下载</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"dialogVisible\" width=\"30%\">\r\n        <span>这是一段信息</span>\r\n        <!-- <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n          <el-button type=\"primary\" @click=\"dialogVisible = false\">确 定</el-button>\r\n        </span> -->\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      tableData: [\r\n        {\r\n          date: '2016-05-02',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1518 弄'\r\n        }, {\r\n          date: '2016-05-04',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1517 弄'\r\n        }, {\r\n          date: '2016-05-01',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1519 弄'\r\n        }, {\r\n          date: '2016-05-03',\r\n          name: '王小虎',\r\n          address: '上海市普陀区金沙江路 1516 弄'\r\n        },\r\n      ],\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogVisible: false\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 170;\r\n  },\r\n  methods: {\r\n    download(scope) {\r\n      console.log(scope, '下载');\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogVisible = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/96b5e728e4d52e2268fa486839ccee2e.json b/node_modules/.cache/vue-loader/96b5e728e4d52e2268fa486839ccee2e.json
new file mode 100644
index 00000000..6dea10ec
--- /dev/null
+++ b/node_modules/.cache/vue-loader/96b5e728e4d52e2268fa486839ccee2e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue","mtime":1673517268854},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\"\nimport script from \"./delayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./delayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02017ef9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('02017ef9')) {\n      api.createRecord('02017ef9', component.options)\n    } else {\n      api.reload('02017ef9', component.options)\n    }\n    module.hot.accept(\"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\", function () {\n      api.rerender('02017ef9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/delayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/97bdb64a5c90d9cf0a66927db585d12c.json b/node_modules/.cache/vue-loader/97bdb64a5c90d9cf0a66927db585d12c.json
new file mode 100644
index 00000000..eba8e0f7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/97bdb64a5c90d9cf0a66927db585d12c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"h1\", [_vm._v(\"运行状态\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"70%\" },\n            attrs: {\n              model: _vm.runningState,\n              \"label-position\": \"left\",\n              \"label-width\": \"200px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"类型：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.type))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"版本：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.version))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"当前系统时间：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.currentTime))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"开始运行时间：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.startTime))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"正常运行时长：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.runTime))\n            ])\n          ],\n          1\n        ),\n        _c(\"h1\", { staticClass: \"mar-top20\" }, [_vm._v(\"系统性能状态\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"70%\" },\n            attrs: {\n              model: _vm.performance,\n              \"label-position\": \"left\",\n              \"label-width\": \"200px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"正常运行时长：\" } }, [\n              _vm._v(_vm._s(_vm.performance.runTime))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"平均Cpu利用率：\" } }, [\n              _vm._v(_vm._s(_vm.performance.averageCpuUtilization))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Cpu利用率：\" } }, [\n              _vm._v(_vm._s(_vm.performance.cpuUtilization))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Cpu温度：\" } }, [\n              _vm._v(_vm._s(_vm.performance.cpuTemperature))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Cpu名称：\" } }, [\n              _vm._v(_vm._s(_vm.performance.cpuName))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Gpu利用率：\" } }, [\n              _vm._v(_vm._s(_vm.performance.gpuUtilization))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Gpu温度：\" } }, [\n              _vm._v(_vm._s(_vm.performance.gpuTemperature))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"使用的内存：\" } }, [\n              _vm._v(_vm._s(_vm.performance.memoryUsage))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"内存总数：\" } }, [\n              _vm._v(_vm._s(_vm.performance.totalMemory))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"已使用虚拟内存：\" } }, [\n              _vm._v(_vm._s(_vm.performance.virtualMemoryUsed))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"虚拟内存总计：\" } }, [\n              _vm._v(_vm._s(_vm.performance.totalVirtualMemory))\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-table\",\n          {\n            staticClass: \"mar-top20\",\n            staticStyle: { width: \"100%\" },\n            attrs: { data: _vm.mountingPointTable, border: \"\" }\n          },\n          [\n            _c(\"el-table-column\", {\n              attrs: { prop: \"mountingPoint\", label: \"安装点\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"equipmentName\", label: \"设备名称\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"occupancy\", label: \"使用\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.occupancy) +\n                          \"GB\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"total\", label: \"容量\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.total) +\n                          \"GB\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            })\n          ],\n          1\n        ),\n        _c(\"h1\", { staticClass: \"mar-top20\" }, [_vm._v(\"系统网络状态\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"70%\" },\n            attrs: {\n              model: _vm.networkStatus,\n              \"label-position\": \"left\",\n              \"label-width\": \"200px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"互联网接入：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.internetAccess))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"互联网延迟：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.internetDelay))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"DNS访问：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.DNS))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"本地VPN访问：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.VPNvisit))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"服务器VPN访问：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.serverVPN))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"服务器VPN访问：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.serverVPNOpen))\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-table\",\n          {\n            staticClass: \"mar-top20\",\n            staticStyle: { width: \"100%\" },\n            attrs: { data: _vm.mountingPointTable, border: \"\" }\n          },\n          [\n            _c(\"el-table-column\", {\n              attrs: { prop: \"connect\", label: \"连接\" }\n            }),\n            _c(\"el-table-column\", { attrs: { prop: \"IP\", label: \"IP地址\" } }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"acceptor\", label: \"接受\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.occupancy) +\n                          \"K\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"totalReceived\", label: \"收到的总数\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.total) +\n                          \"GB\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"transmission\", label: \"传输\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.total) +\n                          \"Kb/s\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"transmissionTotal\", label: \"传输的总数\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.total) +\n                          \"MB\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/97edc5cc9d9678106f453c0d3ab2dea2.json b/node_modules/.cache/vue-loader/97edc5cc9d9678106f453c0d3ab2dea2.json
index fdc5b262..0ca89fc2 100644
--- a/node_modules/.cache/vue-loader/97edc5cc9d9678106f453c0d3ab2dea2.json
+++ b/node_modules/.cache/vue-loader/97edc5cc9d9678106f453c0d3ab2dea2.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673318349844},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props:['pageType','triggerType'],\r\n    components:{\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n           tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        \r\n        \r\n    },\r\n    mounted() {\r\n\r\n    },\r\n    watch:{\r\n        \r\n    }\r\n}\r\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;;AAEA;AACA;;AAEA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"> <span class=\"titleIcon\"></span>  延误组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\"/>\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\"/>\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType=='触发'\"/>\r\n                    <avgChart :list=\"periodicTime\" v-if=\"triggerType=='周期时刻'\"/>\r\n                    <avgChart :list=\"periodicStatistic\" v-if=\"triggerType=='周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props:['pageType','triggerType'],\r\n    components:{\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n           tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        \r\n        \r\n    },\r\n    mounted() {\r\n\r\n    },\r\n    watch:{\r\n        \r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673517881662},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '延误组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '延误组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/98acc09935667d87ac5c458cf3449b2d.json b/node_modules/.cache/vue-loader/98acc09935667d87ac5c458cf3449b2d.json
new file mode 100644
index 00000000..c47af93b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/98acc09935667d87ac5c458cf3449b2d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n",{"version":3,"sources":["network.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2QA;AACA;AACA","file":"network.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p class=\"title\">界面</p>\r\n                <el-form-item label=\"界面：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\r\n                            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MAC地址：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MTU：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">运行状态</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"连接：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">接通</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">IPV4</p>\r\n                <el-table :data=\"tableData\" border style=\"width: 95%\">\r\n                    <el-table-column prop=\"address\" label=\"地址\">\r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"agreement\" label=\"协议\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"Range\" label=\"范围\">\r\n                      <template slot-scope=\"scope\">\r\n                      <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\r\n                            <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"term\" label=\"期限\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column\r\n                      fixed=\"right\"\r\n                      label=\"操作\"\r\n                      width=\"350\"\r\n                      >\r\n                  <template slot-scope=\"scope\" >\r\n                      <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                  </template>\r\n                  </el-table-column>\r\n                </el-table>\r\n                <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"网关：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.gateway\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"分配IP：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.ip\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\r\n                    <p class=\"title\">静态地址</p>\r\n                    <el-form-item label=\"IP1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP4：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip4\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <p class=\"title\">静态路由</p>\r\n                    <el-table :data=\"tableRouter\" border style=\"width: 95%\">\r\n                        <el-table-column prop=\"name\" label=\"名称\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"target\" label=\"目标\"> \r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"Range\" label=\"范围\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"metric\" label=\"metric\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            fixed=\"right\"\r\n                            label=\"操作\"\r\n                            width=\"350\"\r\n                            >\r\n                        <template slot-scope=\"scope\" >\r\n                            <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                        </template>\r\n                        </el-table-column>\r\n                    </el-table>\r\n                    <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\r\n                    <el-form-item label=\"DNS1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                </div>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n          optionsa:[\r\n              {\r\n                    value: '1',\r\n                    label: '全局'\r\n                } \r\n              ],\r\n            tableRouter: [\r\n                {\r\n                    name: 'Router0',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router1',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router2',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router3',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            sizeForm: {\r\n                name: '1',\r\n                region: '00:11:14:1a:62:fe',\r\n                MTU: '1500',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: true,\r\n                ip: '192.168.1.5/24',\r\n                gateway: 'n/a',\r\n                ip1: '192.168.50.10/24',\r\n                ip2: 'e.g.192.168.50.10/24',\r\n                ip3: 'e.g.192.168.50.10/24',\r\n                ip4: 'e.g.192.168.50.10/24',\r\n                dns1: 'e.g.1.1.1.1',\r\n                dns2: 'e.g.1.0.0.1',\r\n                dns3: 'e.g.1.0.0.1'\r\n            },\r\n            options: [\r\n                {\r\n                    value: '1',\r\n                    label: 'eth0'\r\n                }\r\n            ],\r\n            tableData: [\r\n                {\r\n                    agreement: 'NO',\r\n                    Range: '1',\r\n                    address: '192.168.50.10/24',\r\n                    term: '永久',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    agreement: 'YES',\r\n                    Range: '1',\r\n                    address: '192.168.1.5/24',\r\n                    term: '17小时',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            \r\n        };\r\n    },\r\n    watch: {\r\n     \r\n    },\r\n    methods:{\r\n      changeVal(val,e){\r\n        this.tableData[e].disabled = false\r\n      },\r\n      changeValT(val,e){\r\n        this.tableRouter[e].disabled = false\r\n      },\r\n      handleClick(scope,e){\r\n        console.log(scope,'scope');\r\n      }\r\n    }\r\n};\r\n</script>\r\n  \r\n  <style>\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n</style>\r\n  <style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/98c86dfccd725085b901b627ea5d5fb8.json b/node_modules/.cache/vue-loader/98c86dfccd725085b901b627ea5d5fb8.json
new file mode 100644
index 00000000..89234554
--- /dev/null
+++ b/node_modules/.cache/vue-loader/98c86dfccd725085b901b627ea5d5fb8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673232721964},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"maintenanceRemind.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n  <div >\r\n    <div >\r\n      <!-- <p>节点源</p> -->\r\n       <h3>节点源</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"来源：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源极状态：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"稳定状态：\">\r\n          {{ form.state }}\r\n        </el-form-item>\r\n        <el-form-item label=\"视频数据连接：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源分辨率：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"神经网络分辨率：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"输入帧速率：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"解码器帧速率：\">\r\n          {{ form.version1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"检测器帧速率：\">\r\n          {{ form.version2 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"最后一帧分析时间：\">\r\n          {{ form.version4 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"运动状态：\">\r\n          {{ form.version5 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机盘：\">\r\n          {{ form.version6 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机倾斜：\">\r\n          {{ form.version7 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"照相机变焦：\">\r\n          {{ form.version8 }}\r\n        </el-form-item>\r\n      </el-form>\r\n    <h3>立方体分析</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"多维数据集ID：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析ID：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析序列ID：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的轨迹：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"总缓存容量：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存启动：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存结束：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第最后一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n         <el-form-item label=\"上次自动保存时间戳：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n     <h3>洞察同步</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"上次同步时间戳：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次评估数据的差异：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次图像数据的差异：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n      </el-form>\r\n      <!-- <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button> -->\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/994829afc51faced6608ceef73723fb8.json b/node_modules/.cache/vue-loader/994829afc51faced6608ceef73723fb8.json
new file mode 100644
index 00000000..f712072c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/994829afc51faced6608ceef73723fb8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue?vue&type=style&index=0&id=bf4272de&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.error-code{\r\n  color: #2d8cf0;\r\n}\r\n",{"version":3,"sources":["404.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA","file":"404.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div class=\"error-page\">\r\n    <div class=\"error-code\">4<span>0</span>4</div>\r\n    <div class=\"error-desc\">啊哦~ 你所访问的页面不存在</div>\r\n    <div class=\"error-handle\">\r\n      <router-link to=\"/\">\r\n        <el-button type=\"primary\" size=\"large\">返回首页</el-button>\r\n      </router-link>\r\n      <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.error-code{\r\n  color: #2d8cf0;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9958726eaed4b6eb4445ba4c3c444f09.json b/node_modules/.cache/vue-loader/9958726eaed4b6eb4445ba4c3c444f09.json
index 8a615a5c..1e378638 100644
--- a/node_modules/.cache/vue-loader/9958726eaed4b6eb4445ba4c3c444f09.json
+++ b/node_modules/.cache/vue-loader/9958726eaed4b6eb4445ba4c3c444f09.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id, item.num)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"btn\" },\n          [\n            _c(\n              \"el-button\",\n              { attrs: { type: \"primary\" }, on: { click: _vm.applicationBtn } },\n              [_vm._v(\"启动程序\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/999075534d17bde7236f12de8a1dd14e.json b/node_modules/.cache/vue-loader/999075534d17bde7236f12de8a1dd14e.json
index 558a0c29..921b6f41 100644
--- a/node_modules/.cache/vue-loader/999075534d17bde7236f12de8a1dd14e.json
+++ b/node_modules/.cache/vue-loader/999075534d17bde7236f12de8a1dd14e.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673261112620},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <!-- 触发 -->\n    <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\n        <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\n    </el-table>\n    \n    <!-- 周期统计 -->\n    <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\n        <el-table-column align=\"center\" prop=\"time\" label=\"时间\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"类型\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"事件\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"平均速度\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"平均流量\"></el-table-column>\n       \n    </el-table>\n\n\n\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                </el-time-select>\n                <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select v-model=\"value\" placeholder=\"请选择\">\n                    <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" >确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673580353828},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <!-- 触发 -->\n      \n    <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\n        <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\n        <el-table-column align=\"center\" prop='type' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='plate' label=\"车牌\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\n        <el-table-column align=\"center\" prop='event' label=\"监测触发事件\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\n    </el-table>\n    \n    <!-- 周期统计 -->\n    <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\n        <el-table-column align=\"center\" prop=\"time\" label=\"断面编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"断面名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"时间序号\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"入流流量\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"出流流量\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"time\" label=\"断面流量\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"入流平均速度\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"出流平均速度\"></el-table-column>\n       \n    </el-table>\n\n\n\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                </el-time-select>\n                <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select v-model=\"value\" placeholder=\"请选择\">\n                    <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" >确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9a0677ed8fbe1946b4ba77225ed7f6b7.json b/node_modules/.cache/vue-loader/9a0677ed8fbe1946b4ba77225ed7f6b7.json
new file mode 100644
index 00000000..fbec9e91
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9a0677ed8fbe1946b4ba77225ed7f6b7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\"\nimport script from \"./lineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3aba1cf9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3aba1cf9')) {\n      api.createRecord('3aba1cf9', component.options)\n    } else {\n      api.reload('3aba1cf9', component.options)\n    }\n    module.hot.accept(\"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\", function () {\n      api.rerender('3aba1cf9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/lineChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9a0a855a45995a725efdcc02a6e94216.json b/node_modules/.cache/vue-loader/9a0a855a45995a725efdcc02a6e94216.json
index d41b26e3..12705ec6 100644
--- a/node_modules/.cache/vue-loader/9a0a855a45995a725efdcc02a6e94216.json
+++ b/node_modules/.cache/vue-loader/9a0a855a45995a725efdcc02a6e94216.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"navMenu\">\n    \n     <el-menu\n      router\n      :default-active=\"$route.path\"\n      class=\"el-menu-vertical-demo\"\n      text-color=\"#fff\"\n      active-text-color=\"#ffd04b\">\n       <label v-for=\"navMenu in navMenus\">\n        <!--只有一级菜单-->\n        <el-menu-item v-if=\"!navMenu.children\"\n                      :index=\"navMenu.path\"\n                      :route=\"navMenu.path\"\n        >\n            <!--图标-->\n            <i :class=\"navMenu.icon\"></i>\n            <!--标题-->\n            <span slot=\"title\">{{navMenu.title}}</span>\n        </el-menu-item>\n        <!--有多级菜单-->\n        <el-submenu v-if=\"navMenu.children\"\n                    :key=\"navMenu.path\"\n                    :index=\"navMenu.path\"\n        >\n            <template slot=\"title\">\n                <i :class=\"navMenu.icon\"></i>\n                <span> {{navMenu.title}}</span>\n            </template>\n            <!--递归组件，把遍历的值传回子组件，完成递归调用-->\n            <nav-menu :navMenus=\"navMenu.children\"></nav-menu>\n        </el-submenu>\n    </label>\n   </el-menu>\n   \n\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"navMenu\">\n    <el-menu router  :default-active=\"defaultActive\" class=\"el-menu-vertical-demo\" text-color=\"#fff\" active-text-color=\"#ffd04b\">\n        <menu-tree :menuNavList=\"navMenus\"></menu-tree>\n    </el-menu>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9a6f4f8f5bcea023d385a5f815314517.json b/node_modules/.cache/vue-loader/9a6f4f8f5bcea023d385a5f815314517.json
new file mode 100644
index 00000000..a3e83661
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9a6f4f8f5bcea023d385a5f815314517.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"pieChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"pieChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9acb66b58dce06bd891fb1eaebfbbc57.json b/node_modules/.cache/vue-loader/9acb66b58dce06bd891fb1eaebfbbc57.json
new file mode 100644
index 00000000..c96979c0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9acb66b58dce06bd891fb1eaebfbbc57.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=template&id=57b7d65b&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673232721964},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\n      \"div\",\n      [\n        _c(\"h3\", [_vm._v(\"节点源\")]),\n        _c(\n          \"el-form\",\n          {\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"220px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"来源：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.name1) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"源极状态：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.name2) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"稳定状态：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.state) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"视频数据连接：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.endTime) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"源分辨率：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.blacklist) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"神经网络分辨率：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.autograph) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"输入帧速率：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"解码器帧速率：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version1) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"检测器帧速率：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version2) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"最后一帧分析时间：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version4) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"运动状态：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version5) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"摄像机盘：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version6) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"摄像机倾斜：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version7) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"照相机变焦：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version8) + \"\\n      \")\n            ])\n          ],\n          1\n        ),\n        _c(\"h3\", [_vm._v(\"立方体分析\")]),\n        _c(\n          \"el-form\",\n          {\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"220px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"多维数据集ID：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.name1) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"分析ID：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.name2) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"分析序列ID：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.startTime) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"缓存中的轨迹：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.endTime) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"总缓存容量：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.blacklist) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"高速缓存启动：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.autograph) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"高速缓存结束：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version) + \"\\n      \")\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"缓存中的第一条线索：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version) + \"\\n      \")\n            ]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"缓存中的第最后一条线索：\" } },\n              [_vm._v(\"\\n        \" + _vm._s(_vm.form.version) + \"\\n      \")]\n            ),\n            _c(\"el-form-item\", { attrs: { label: \"上次自动保存时间戳：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.version) + \"\\n      \")\n            ])\n          ],\n          1\n        ),\n        _c(\"h3\", [_vm._v(\"洞察同步\")]),\n        _c(\n          \"el-form\",\n          {\n            attrs: {\n              model: _vm.form,\n              \"label-position\": \"left\",\n              \"label-width\": \"220px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"上次同步时间戳：\" } }, [\n              _vm._v(\"\\n        \" + _vm._s(_vm.form.name1) + \"\\n      \")\n            ]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"同步上次评估数据的差异：\" } },\n              [_vm._v(\"\\n        \" + _vm._s(_vm.form.name2) + \"\\n      \")]\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"同步上次图像数据的差异：\" } },\n              [_vm._v(\"\\n        \" + _vm._s(_vm.form.startTime) + \"\\n      \")]\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"提示\",\n              visible: _vm.showUpdateCertificate,\n              width: \"30%\"\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.showUpdateCertificate = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-row\",\n              [\n                _c(\"el-col\", { attrs: { span: 6 } }, [\n                  _vm._v(\"\\n          文件选择：\\n        \")\n                ]),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 18 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\"\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"span\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        _vm.showUpdateCertificate = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9ad8301f618341bab3b36719d38d4161.json b/node_modules/.cache/vue-loader/9ad8301f618341bab3b36719d38d4161.json
new file mode 100644
index 00000000..ef95880b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9ad8301f618341bab3b36719d38d4161.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9b28dc4238b7b1a6ec0f883a87df0533.json b/node_modules/.cache/vue-loader/9b28dc4238b7b1a6ec0f883a87df0533.json
new file mode 100644
index 00000000..6b9833d6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9b28dc4238b7b1a6ec0f883a87df0533.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAunCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n        })\r\n    },\r\n    methods: {\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.addDianForm={}\r\n            this.dialogVisible = false\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9b2b071a771eb31a7da70d752319286f.json b/node_modules/.cache/vue-loader/9b2b071a771eb31a7da70d752319286f.json
new file mode 100644
index 00000000..6d9f3719
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9b2b071a771eb31a7da70d752319286f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IdManagement.vue?vue&type=style&index=0&id=1538ddf8&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.dialog .el-form-item{\r\n  margin-bottom: 20px;\r\n}\r\n",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+GA;AACA;AACA;AACA;AACA;AACA","file":"IdManagement.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">账号管理</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-button @click=\"addAccountDialog = true\" type=\"primary\" style=\"margin-bottom: 10px;\"><i\r\n          class=\"el-icon-circle-plus-outline\" style=\"margin-right: 3px;\"></i>新增</el-button>\r\n\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"用户名称\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"account\" label=\"用户账号\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"role\" label=\"角色\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"jurisdiction\" label=\"权限\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"edit(scope.row)\" type=\"text\" size=\"small\" class=\"\">编辑</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n      <div class=\"dialog\">\r\n        <el-dialog :title=\"dialogTitle\" :visible.sync=\"addAccountDialog\" width=\"30%\">\r\n          <el-form label-position=\"left\" label-width=\"80px\" :model=\"formLabelAlign\">\r\n            <el-form-item label=\"名称：\">\r\n              <el-input v-model=\"formLabelAlign.name\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"账号：\">\r\n              <el-input v-model=\"formLabelAlign.account\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"角色：\">\r\n              <el-input v-model=\"formLabelAlign.role\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"权限：\">\r\n              <el-input v-model=\"formLabelAlign.jurisdiction\"></el-input>\r\n            </el-form-item>\r\n          </el-form>\r\n          <span slot=\"footer\" class=\"dialog-footer\">\r\n            <el-button type=\"primary\" @click=\"addAccountDialog = false\">确 定</el-button>\r\n          </span>\r\n        </el-dialog>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      addAccountDialog: false,\r\n      formLabelAlign: {\r\n        name: '',\r\n        account: '',\r\n        role: '',\r\n        jurisdiction: ''\r\n      },\r\n      tableData: [\r\n        {\r\n          name: 'admin',\r\n          account: '',\r\n          role: 'admin',\r\n          jurisdiction: '超级管理员'\r\n        }\r\n      ],\r\n      tableHeight: 0,\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogTitle: '新增'\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 220;\r\n  },\r\n  methods: {\r\n    edit(scope) {\r\n      console.log(scope, '编辑');\r\n      this.dialogTitle = '编辑';\r\n      this.addAccountDialog = true;\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogTitle = '查看';\r\n      this.addAccountDialog = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.dialog .el-form-item{\r\n  margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9b562cc7b676bdaf724799e6745ee272.json b/node_modules/.cache/vue-loader/9b562cc7b676bdaf724799e6745ee272.json
index 5994024b..716c733a 100644
--- a/node_modules/.cache/vue-loader/9b562cc7b676bdaf724799e6745ee272.json
+++ b/node_modules/.cache/vue-loader/9b562cc7b676bdaf724799e6745ee272.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673256991481},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div id=\"thermalChart\" ref=\"thermalChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673515658628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9b8a3389ac7a6d0ef8883f209f5c1ac9.json b/node_modules/.cache/vue-loader/9b8a3389ac7a6d0ef8883f209f5c1ac9.json
new file mode 100644
index 00000000..533754f3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9b8a3389ac7a6d0ef8883f209f5c1ac9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue","mtime":1673518221965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9c5972e685cd63b49f0795a97a697bb2.json b/node_modules/.cache/vue-loader/9c5972e685cd63b49f0795a97a697bb2.json
new file mode 100644
index 00000000..bda18785
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9c5972e685cd63b49f0795a97a697bb2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue","mtime":1673518221965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\"\nimport script from \"./headWayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./headWayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3a3b80e6\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3a3b80e6')) {\n      api.createRecord('3a3b80e6', component.options)\n    } else {\n      api.reload('3a3b80e6', component.options)\n    }\n    module.hot.accept(\"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\", function () {\n      api.rerender('3a3b80e6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/headWayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9d69f9c5e99d2e1fb6cbfdc8d973004d.json b/node_modules/.cache/vue-loader/9d69f9c5e99d2e1fb6cbfdc8d973004d.json
new file mode 100644
index 00000000..72a0bc8c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9d69f9c5e99d2e1fb6cbfdc8d973004d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=template&id=77578181&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673593142561},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\n\n            <div class=\"border\">\n                <detailDialog />\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n            </div>\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9e18d9de4c98a358c0a84648f5c201e7.json b/node_modules/.cache/vue-loader/9e18d9de4c98a358c0a84648f5c201e7.json
new file mode 100644
index 00000000..98696841
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9e18d9de4c98a358c0a84648f5c201e7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-2.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test2-2.vue?vue&type=template&id=2e55876f&\"\nimport script from \"./test2-2.vue?vue&type=script&lang=js&\"\nexport * from \"./test2-2.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2e55876f')) {\n      api.createRecord('2e55876f', component.options)\n    } else {\n      api.reload('2e55876f', component.options)\n    }\n    module.hot.accept(\"./test2-2.vue?vue&type=template&id=2e55876f&\", function () {\n      api.rerender('2e55876f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test2/test2-2.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9e4d9d18e84d5a8631d25c2871ddfae0.json b/node_modules/.cache/vue-loader/9e4d9d18e84d5a8631d25c2871ddfae0.json
new file mode 100644
index 00000000..07bb9048
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9e4d9d18e84d5a8631d25c2871ddfae0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"lineChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"lineChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9f1b80ba5521148e1893ccf21d65f568.json b/node_modules/.cache/vue-loader/9f1b80ba5521148e1893ccf21d65f568.json
new file mode 100644
index 00000000..4b6b93ea
--- /dev/null
+++ b/node_modules/.cache/vue-loader/9f1b80ba5521148e1893ccf21d65f568.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue?vue&type=template&id=03db3326&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", [\n    _c(\n      \"div\",\n      { staticClass: \"crumbs\" },\n      [\n        _c(\n          \"el-breadcrumb\",\n          { attrs: { separator: \"/\" } },\n          [\n            _c(\"el-breadcrumb-item\", [\n              _c(\"i\", { staticClass: \"el-icon-warning\" }),\n              _vm._v(\" 权限测试\")\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"h1\", [_vm._v(\"管理员权限页面\")]),\n      _c(\"p\", [\n        _vm._v(\n          \"只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。\"\n        )\n      ]),\n      _c(\n        \"p\",\n        [\n          _vm._v(\"想尝试一下，请\"),\n          _c(\n            \"router-link\",\n            { staticClass: \"logout\", attrs: { to: \"/Login\" } },\n            [_vm._v(\"退出登录\")]\n          ),\n          _vm._v(\"，随便输入个账号名，再进来试试看。\")\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a02cb571285a724ac0097915feeb30bb.json b/node_modules/.cache/vue-loader/a02cb571285a724ac0097915feeb30bb.json
new file mode 100644
index 00000000..9201f466
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a02cb571285a724ac0097915feeb30bb.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue?vue&type=template&id=d51955fc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"section\", { staticClass: \"main\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"crumbs\" },\n      [\n        _c(\n          \"el-breadcrumb\",\n          { attrs: { separator: \"/\" } },\n          [\n            _c(\"el-breadcrumb-item\", [\n              _vm._v(_vm._s(_vm.$t(\"i18n.breadcrumb\")))\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"span\", [_vm._v(_vm._s(_vm.$t(\"i18n.tips\")))]),\n        _c(\n          \"el-button\",\n          {\n            attrs: { type: \"primary\" },\n            on: {\n              click: function($event) {\n                _vm.$i18n.locale = _vm.$i18n.locale === \"zh\" ? \"en\" : \"zh\"\n              }\n            }\n          },\n          [_vm._v(_vm._s(_vm.$t(\"i18n.btn\")))]\n        ),\n        _c(\"div\", { staticClass: \"list\" }, [\n          _c(\"h2\", [_vm._v(_vm._s(_vm.$t(\"i18n.title1\")))]),\n          _c(\"p\", [_vm._v(_vm._s(_vm.$t(\"i18n.p1\")))]),\n          _c(\"p\", [_vm._v(_vm._s(_vm.$t(\"i18n.p2\")))]),\n          _c(\"p\", [_vm._v(_vm._s(_vm.$t(\"i18n.p3\")))])\n        ]),\n        _c(\"h2\", [_vm._v(_vm._s(_vm.$t(\"i18n.title2\")))]),\n        _c(\n          \"div\",\n          [\n            _c(\"i18n\", { attrs: { path: \"i18n.info\", tag: \"p\" } }, [\n              _c(\n                \"a\",\n                {\n                  attrs: {\n                    place: \"action\",\n                    href: \"https://element.eleme.cn/2.0/#/zh-CN/component/i18n\"\n                  }\n                },\n                [_vm._v(_vm._s(_vm.$t(\"i18n.value\")))]\n              )\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a0fbebdb1a63a8dbf23c187713e4ccf6.json b/node_modules/.cache/vue-loader/a0fbebdb1a63a8dbf23c187713e4ccf6.json
new file mode 100644
index 00000000..71a3dcce
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a0fbebdb1a63a8dbf23c187713e4ccf6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673232721964},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&\"\nimport script from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\nexport * from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\nimport style0 from \"./maintenanceRemind.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('57b7d65b')) {\n      api.createRecord('57b7d65b', component.options)\n    } else {\n      api.reload('57b7d65b', component.options)\n    }\n    module.hot.accept(\"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&\", function () {\n      api.rerender('57b7d65b', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/maintenanceRemind.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a11409b9aad03e8334000c390e237f42.json b/node_modules/.cache/vue-loader/a11409b9aad03e8334000c390e237f42.json
new file mode 100644
index 00000000..d8419fa0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a11409b9aad03e8334000c390e237f42.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&\"\nimport script from \"./SideMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./SideMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SideMenu.vue?vue&type=style&index=0&id=2a67f262&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2a67f262\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2a67f262')) {\n      api.createRecord('2a67f262', component.options)\n    } else {\n      api.reload('2a67f262', component.options)\n    }\n    module.hot.accept(\"./SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&\", function () {\n      api.rerender('2a67f262', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/sidemenu/SideMenu.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a192ac8293330fbd00707addb69b0515.json b/node_modules/.cache/vue-loader/a192ac8293330fbd00707addb69b0515.json
new file mode 100644
index 00000000..15995629
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a192ac8293330fbd00707addb69b0515.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue?vue&type=template&id=3b05fefa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"140px\" }\n          },\n          [\n            _c(\"p\", [_vm._v(\"系统服务VPN\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"状态：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"green\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"YES\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"操作：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"primary\", size: \"small\" }\n                      },\n                      [_vm._v(\"开始\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"danger\", size: \"small\" }\n                      },\n                      [_vm._v(\"停止\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 2 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"info\", size: \"small\" }\n                      },\n                      [_vm._v(\"显示日志\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"保护装置\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置文件：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"上传\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"选择文件\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置上载：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"red\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"NO\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"开放VPN\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置文件：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      { attrs: { type: \"primary\", size: \"small\" } },\n                      [_vm._v(\"上传\")]\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 4 } },\n                  [\n                    _c(\n                      \"el-upload\",\n                      {\n                        staticClass: \"upload-demo\",\n                        attrs: {\n                          action: \"https://jsonplaceholder.typicode.com/posts/\",\n                          \"on-preview\": _vm.handlePreview,\n                          \"on-remove\": _vm.handleRemove,\n                          \"before-remove\": _vm.beforeRemove,\n                          multiple: \"\",\n                          limit: 3,\n                          \"on-exceed\": _vm.handleExceed,\n                          \"file-list\": _vm.fileList\n                        }\n                      },\n                      [\n                        _c(\n                          \"el-button\",\n                          { attrs: { size: \"small\", type: \"primary\" } },\n                          [_vm._v(\"选择文件\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"配置上载：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 0.9 } },\n                  [\n                    _c(\"div\", {\n                      staticClass: \"status\",\n                      staticStyle: {\n                        width: \"10px\",\n                        height: \"10px\",\n                        \"border-radius\": \"50%\",\n                        background: \"red\"\n                      }\n                    })\n                  ]\n                ),\n                _c(\n                  \"el-col\",\n                  { staticStyle: { diaplay: \"flex\" }, attrs: { span: 2 } },\n                  [\n                    _c(\"span\", { staticStyle: { \"margin-left\": \"10px\" } }, [\n                      _vm._v(\"NO\")\n                    ])\n                  ]\n                )\n              ],\n              1\n            ),\n            _c(\"p\", [_vm._v(\"资格证书\")]),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"操作：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 12 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"设置凭据\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a1ed1aa9307d323c7ec38f51f528b4da.json b/node_modules/.cache/vue-loader/a1ed1aa9307d323c7ec38f51f528b4da.json
index c1fb8d47..3470c09e 100644
--- a/node_modules/.cache/vue-loader/a1ed1aa9307d323c7ec38f51f528b4da.json
+++ b/node_modules/.cache/vue-loader/a1ed1aa9307d323c7ec38f51f528b4da.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673315139852},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue'\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart,\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  类型组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\"/>\r\n                <pieChart />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue'\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart,\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673518315417},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '类型组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <pieChart :pageType=\"pageType\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '类型组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a24e3b4ef19e1897a5f4b3c2b45b878e.json b/node_modules/.cache/vue-loader/a24e3b4ef19e1897a5f4b3c2b45b878e.json
new file mode 100644
index 00000000..b03c4099
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a24e3b4ef19e1897a5f4b3c2b45b878e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue","mtime":1673318357048},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #E4E7ED\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\"div\")\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  拥堵组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a2de420de6f2deefeb75c001754e59e0.json b/node_modules/.cache/vue-loader/a2de420de6f2deefeb75c001754e59e0.json
new file mode 100644
index 00000000..f3417047
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a2de420de6f2deefeb75c001754e59e0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n        <el-form label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select\n                    placeholder=\"起始时间\"\n                    v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\n                >\n                </el-time-select>\n                <el-time-select\n                    placeholder=\"结束时间\"\n                    v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\n                >\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select v-model=\"value\" placeholder=\"请选择\">\n                    <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a2e72658e81b64af4a79d2b6df0d9d5b.json b/node_modules/.cache/vue-loader/a2e72658e81b64af4a79d2b6df0d9d5b.json
new file mode 100644
index 00000000..5dd9d213
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a2e72658e81b64af4a79d2b6df0d9d5b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\"\nimport script from \"./globalSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./globalSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./globalSettings.vue?vue&type=style&index=0&id=84ec604e&scoped=true&lang=css&\"\nimport style1 from \"./globalSettings.vue?vue&type=style&index=1&id=84ec604e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84ec604e\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84ec604e')) {\n      api.createRecord('84ec604e', component.options)\n    } else {\n      api.reload('84ec604e', component.options)\n    }\n    module.hot.accept(\"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\", function () {\n      api.rerender('84ec604e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/globalSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a30da69fc762d3a77f487e03b25b18ae.json b/node_modules/.cache/vue-loader/a30da69fc762d3a77f487e03b25b18ae.json
new file mode 100644
index 00000000..f6981602
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a30da69fc762d3a77f487e03b25b18ae.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue?vue&type=template&id=650d6904&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div :class=\"{'hidden':hidden}\" class=\"pagination-container\">\n  <el-pagination\n    :background=\"background\"\n    :current-page.sync=\"currentPage\"\n    :page-size.sync=\"pageSize\"\n    :layout=\"layout\"\n    :page-sizes=\"pageSizes\"\n    :total=\"total\"\n    v-bind=\"$attrs\"\n    @size-change=\"handleSizeChange\"\n    @current-change=\"handleCurrentChange\"\n  ></el-pagination>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a33ff669825da5efdfb5892a04fae217.json b/node_modules/.cache/vue-loader/a33ff669825da5efdfb5892a04fae217.json
index 55d473e2..ad56cda2 100644
--- a/node_modules/.cache/vue-loader/a33ff669825da5efdfb5892a04fae217.json
+++ b/node_modules/.cache/vue-loader/a33ff669825da5efdfb5892a04fae217.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673257798167},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  拥堵组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673517849402},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2JA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '拥堵组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a371e60d1f30ea2cafce177f900eabeb.json b/node_modules/.cache/vue-loader/a371e60d1f30ea2cafce177f900eabeb.json
new file mode 100644
index 00000000..e8985b37
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a371e60d1f30ea2cafce177f900eabeb.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["HealthCheck.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;;AAEA;AACA;AACA","file":"HealthCheck.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">健康检测 </p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <h3>网络状态</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"200px\" style=\"width:50%\">\r\n        <el-form-item label=\"检查网络服务的状态：\">\r\n          <div class=\"state\">\r\n            <div class=\"Badge\" style=\"background-color: pink;\"></div>\r\n            <span>忙碌</span>\r\n          </div>\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.state {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.state .Badge {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    margin: 20px 5px 0 0;\r\n    transform: translateY(-50%);\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a3cd72b7ae32e9bab253f129976de2bc.json b/node_modules/.cache/vue-loader/a3cd72b7ae32e9bab253f129976de2bc.json
index 9fc9f850..350dbd92 100644
--- a/node_modules/.cache/vue-loader/a3cd72b7ae32e9bab253f129976de2bc.json
+++ b/node_modules/.cache/vue-loader/a3cd72b7ae32e9bab253f129976de2bc.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673315251737},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"> <span class=\"titleIcon\"></span>  检测数组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a3d00b636c3b06108519b55b30e3f962.json b/node_modules/.cache/vue-loader/a3d00b636c3b06108519b55b30e3f962.json
new file mode 100644
index 00000000..3e601c22
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a3d00b636c3b06108519b55b30e3f962.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">全局设置</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-form label-position=\"left\" label-width=\"180px\">\n      <el-form-item label=\"视频接入上限：\">\n        <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\n          :max=\"8\"></el-input-number>\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\n      </el-form-item>\n\n      <el-form-item label=\"跳帧设置：\">\n        <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\n      </el-form-item>\n\n      <el-form-item label=\"默认取值：\">\n      </el-form-item>\n      <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a4063479d8d547826d8946fca249edbd.json b/node_modules/.cache/vue-loader/a4063479d8d547826d8946fca249edbd.json
new file mode 100644
index 00000000..e6a8031f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a4063479d8d547826d8946fca249edbd.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673598250692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\"\nimport script from \"./thermalChart.vue?vue&type=script&lang=js&\"\nexport * from \"./thermalChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1a931328\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1a931328')) {\n      api.createRecord('1a931328', component.options)\n    } else {\n      api.reload('1a931328', component.options)\n    }\n    module.hot.accept(\"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\", function () {\n      api.rerender('1a931328', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/thermalChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a409af24f39de7629659766c0df95b49.json b/node_modules/.cache/vue-loader/a409af24f39de7629659766c0df95b49.json
new file mode 100644
index 00000000..26e0ef81
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a409af24f39de7629659766c0df95b49.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\detailDialog.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&\"\nimport script from \"./detailDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./detailDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detailDialog.vue?vue&type=style&index=0&id=405e56cc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"405e56cc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('405e56cc')) {\n      api.createRecord('405e56cc', component.options)\n    } else {\n      api.reload('405e56cc', component.options)\n    }\n    module.hot.accept(\"./detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&\", function () {\n      api.rerender('405e56cc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/detailDialog.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a45d44cb17fc91e7f838d3d7886e3727.json b/node_modules/.cache/vue-loader/a45d44cb17fc91e7f838d3d7886e3727.json
new file mode 100644
index 00000000..3af446e5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a45d44cb17fc91e7f838d3d7886e3727.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=style&index=0&id=405e56cc&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.down {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    position: relative;\r\n    z-index: 100;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n",{"version":3,"sources":["detailDialog.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"detailDialog.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div>\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\r\n            <el-form label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'detailDialog', //速度组件\r\n    props: {},\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        };\r\n    },\r\n    methods: {\r\n        onSubmit() {},\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        },\r\n        handleClose(done) {\r\n            this.$confirm('确认关闭？')\r\n                .then((_) => {\r\n                    done();\r\n                })\r\n                .catch((_) => {});\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.down {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 10px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    position: relative;\r\n    z-index: 100;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a4eaaa2ab0aad1ea825089c718a3a122.json b/node_modules/.cache/vue-loader/a4eaaa2ab0aad1ea825089c718a3a122.json
new file mode 100644
index 00000000..525338cf
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a4eaaa2ab0aad1ea825089c718a3a122.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue?vue&type=template&id=558a7c3e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n    <template v-for=\"navMenu in this.menuNavList\">\n            <el-menu-item v-if=\"!navMenu.children\" :index=\"navMenu.path\" :route=\"navMenu.path\">\n                <i :class=\"navMenu.icon\"></i>\n                <span slot=\"title\">{{ navMenu.title }}</span>\n            </el-menu-item>\n            <el-submenu v-if=\"navMenu.children\" :key=\"navMenu.path\" :index=\"navMenu.path\">\n                <template slot=\"title\">\n                    <i :class=\"navMenu.icon\"></i>\n                    <span> {{ navMenu.title }}</span>\n                </template>\n                <menu-tree :menuNavList=\"navMenu.children\"></menu-tree>\n                <!-- <nav-menu :navMenus=\"navMenu.children\"></nav-menu> -->\n            </el-submenu>\n    </template>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a539d9eb9707378fe3f878803c2b4c01.json b/node_modules/.cache/vue-loader/a539d9eb9707378fe3f878803c2b4c01.json
new file mode 100644
index 00000000..f8f84382
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a539d9eb9707378fe3f878803c2b4c01.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673232721941},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"navMenu\" },\n    [\n      _c(\n        \"el-menu\",\n        {\n          staticClass: \"el-menu-vertical-demo\",\n          attrs: {\n            router: \"\",\n            \"default-active\": _vm.$route.path,\n            \"text-color\": \"#fff\",\n            \"active-text-color\": \"#ffd04b\"\n          }\n        },\n        _vm._l(_vm.navMenus, function(navMenu) {\n          return _c(\n            \"label\",\n            [\n              !navMenu.children\n                ? _c(\n                    \"el-menu-item\",\n                    { attrs: { index: navMenu.path, route: navMenu.path } },\n                    [\n                      _c(\"i\", { class: navMenu.icon }),\n                      _c(\"span\", { attrs: { slot: \"title\" }, slot: \"title\" }, [\n                        _vm._v(_vm._s(navMenu.title))\n                      ])\n                    ]\n                  )\n                : _vm._e(),\n              navMenu.children\n                ? _c(\n                    \"el-submenu\",\n                    { key: navMenu.path, attrs: { index: navMenu.path } },\n                    [\n                      _c(\"template\", { slot: \"title\" }, [\n                        _c(\"i\", { class: navMenu.icon }),\n                        _c(\"span\", [_vm._v(\" \" + _vm._s(navMenu.title))])\n                      ]),\n                      _c(\"nav-menu\", { attrs: { navMenus: navMenu.children } })\n                    ],\n                    2\n                  )\n                : _vm._e()\n            ],\n            1\n          )\n        }),\n        0\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a565f3cca1fca2495ccf33515d5acb38.json b/node_modules/.cache/vue-loader/a565f3cca1fca2495ccf33515d5acb38.json
new file mode 100644
index 00000000..1bffa2ed
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a565f3cca1fca2495ccf33515d5acb38.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4SA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a5a59a84a187daf95bd7537d4996b51c.json b/node_modules/.cache/vue-loader/a5a59a84a187daf95bd7537d4996b51c.json
new file mode 100644
index 00000000..bfb9b88c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a5a59a84a187daf95bd7537d4996b51c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a5d8945eac02c1fbeade219b186db73d.json b/node_modules/.cache/vue-loader/a5d8945eac02c1fbeade219b186db73d.json
new file mode 100644
index 00000000..304d6794
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a5d8945eac02c1fbeade219b186db73d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue?vue&type=template&id=1a931328&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue","mtime":1673425086639},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a5f0154e362fc7f68c6bd18453a84fe3.json b/node_modules/.cache/vue-loader/a5f0154e362fc7f68c6bd18453a84fe3.json
new file mode 100644
index 00000000..3d0b6841
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a5f0154e362fc7f68c6bd18453a84fe3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673593142561},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n\r\n                <div class=\"border\">\r\n                    <detailDialog />\r\n                    <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a73fb71bd035dc8f6998c4299f4d66cf.json b/node_modules/.cache/vue-loader/a73fb71bd035dc8f6998c4299f4d66cf.json
new file mode 100644
index 00000000..d0baec04
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a73fb71bd035dc8f6998c4299f4d66cf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"barChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"barChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a7437d02bd0e12b1e86a34fea821c7c9.json b/node_modules/.cache/vue-loader/a7437d02bd0e12b1e86a34fea821c7c9.json
index 16d51e80..413d296a 100644
--- a/node_modules/.cache/vue-loader/a7437d02bd0e12b1e86a34fea821c7c9.json
+++ b/node_modules/.cache/vue-loader/a7437d02bd0e12b1e86a34fea821c7c9.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673318378970},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props:['pageType','triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  车头时距组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\"/>\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType=='触发'\"/>\r\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType=='周期时刻'\"/>\r\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType=='周期统计'\" />\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue'\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props:['pageType','triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        }\r\n    },\r\n    methods: {\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673580612950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\"></lineChart>\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a8e59cf720721c92b1525eedfce95256.json b/node_modules/.cache/vue-loader/a8e59cf720721c92b1525eedfce95256.json
new file mode 100644
index 00000000..63cee9d5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a8e59cf720721c92b1525eedfce95256.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      treeData: [\r\n        {\r\n          id: 1,\r\n          label: '一级 1',\r\n          children: [\r\n            { \r\n              id: 4, \r\n              label: '二级 1-1',\r\n              children: [\r\n                {\r\n                  id: 9,\r\n                  label: '三级 1-1-1'\r\n                }, \r\n                {\r\n                  id: 10,\r\n                  label: '三级 1-1-2'\r\n                }\r\n              ]\r\n            }\r\n          ]\r\n        }, \r\n        {\r\n          id: 2,\r\n          label: '一级 2',\r\n          children: [\r\n            {\r\n              id: 5,\r\n              label: '二级 2-1'\r\n            }, \r\n            {\r\n              id: 6,\r\n              label: '二级 2-2'\r\n            }\r\n          ]\r\n        }, \r\n        {\r\n          id: 3,\r\n          label: '一级 3',\r\n          children: [\r\n            { \r\n              id: 7, \r\n              label: '二级 3-1' \r\n            }, \r\n            { \r\n              id: 8, \r\n              label: '二级 3-2' \r\n            }\r\n          ]\r\n        }\r\n      ],\r\n      defaultProps: {\r\n        children: 'children',\r\n        label: 'label'\r\n      }\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["test3-1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"test3-1.vue","sourceRoot":"src/page/test3","sourcesContent":["<template>\r\n<div class=\"content-box\" >\r\n  <div class=\"container\">\r\n    <p>主体页面 3 - 1 </p>\r\n    <div class=\"test-div\">\r\n      <el-tree\r\n        :data=\"treeData\"\r\n        show-checkbox\r\n        node-key=\"id\"\r\n        :props=\"defaultProps\">\r\n      </el-tree>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      treeData: [\r\n        {\r\n          id: 1,\r\n          label: '一级 1',\r\n          children: [\r\n            { \r\n              id: 4, \r\n              label: '二级 1-1',\r\n              children: [\r\n                {\r\n                  id: 9,\r\n                  label: '三级 1-1-1'\r\n                }, \r\n                {\r\n                  id: 10,\r\n                  label: '三级 1-1-2'\r\n                }\r\n              ]\r\n            }\r\n          ]\r\n        }, \r\n        {\r\n          id: 2,\r\n          label: '一级 2',\r\n          children: [\r\n            {\r\n              id: 5,\r\n              label: '二级 2-1'\r\n            }, \r\n            {\r\n              id: 6,\r\n              label: '二级 2-2'\r\n            }\r\n          ]\r\n        }, \r\n        {\r\n          id: 3,\r\n          label: '一级 3',\r\n          children: [\r\n            { \r\n              id: 7, \r\n              label: '二级 3-1' \r\n            }, \r\n            { \r\n              id: 8, \r\n              label: '二级 3-2' \r\n            }\r\n          ]\r\n        }\r\n      ],\r\n      defaultProps: {\r\n        children: 'children',\r\n        label: 'label'\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a911626be17c7f42d7efd310191b3afd.json b/node_modules/.cache/vue-loader/a911626be17c7f42d7efd310191b3afd.json
new file mode 100644
index 00000000..b8e46b87
--- /dev/null
+++ b/node_modules/.cache/vue-loader/a911626be17c7f42d7efd310191b3afd.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=template&id=1436fa54&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673593016910},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _c(\"tableShow\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _c(\"regionTable\", {\n                  attrs: { msg: _vm.data, type: _vm.triggerType }\n                })\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"lineChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            })\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"barChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            })\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _c(\"pieChart\", {\n              attrs: {\n                pageType: _vm.pageType,\n                list: _vm.data,\n                status: _vm.triggerType,\n                title: _vm.title\n              }\n            })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a91ca7fa7947a0b41ff7aeb9d6ccaee1.json b/node_modules/.cache/vue-loader/a91ca7fa7947a0b41ff7aeb9d6ccaee1.json
index e6740dfe..e936a7db 100644
--- a/node_modules/.cache/vue-loader/a91ca7fa7947a0b41ff7aeb9d6ccaee1.json
+++ b/node_modules/.cache/vue-loader/a91ca7fa7947a0b41ff7aeb9d6ccaee1.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n\n  <!-- <div class=\"container\"> -->\n  <div >\n    <el-tabs v-model=\"activeName\" type=\"border-card\" >\n      <el-tab-pane label=\"xx路口\" name=\"first\">\n          <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\n                   <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\n                    <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n        ref=\"iframe\"></iframe> -->\n              </div>\n               <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n          <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n          <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n          <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n          <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n          <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n        </div>\n        <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n          <img :src='imgUrl' width=\"100%\" height=\"100%\" />\n        </div>\n        <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n          <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n          <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n          <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\n          <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n          <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n          <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n        </div>\n        <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\n        </div> -->\n      </el-tab-pane>\n      <el-tab-pane label=\"数据看板\" name=\"second\">\n        <dataBoard :activeName=\"activeName\"></dataBoard>\n      </el-tab-pane>\n      <el-tab-pane label=\"分析配置\" name=\"third\">\n        <analysisConfiguration></analysisConfiguration>\n      </el-tab-pane>\n      <el-tab-pane label=\"分析状态\" name=\"fourth\">\n        <editModal></editModal>\n      </el-tab-pane>\n      <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\n    </el-tabs>\n    <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n</div>  \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n</div> \n<div style=\"width:30%;height:300px;display:inline-block\">\n  <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n</div>  -->\n\n  </div>\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\n    <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\n      <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n        <!-- <el-form-item label=\"实时性\">\n  <el-radio-group v-model=\"form.resource\">\n    <el-radio label=\"实时（触发）\"></el-radio>\n    <el-radio label=\"间隔\"></el-radio>\n  </el-radio-group>\n</el-form-item> -->\n        <el-form-item label=\"断面名称\">\n          <el-input v-model=\"form.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"断面方向\">\n          <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\n            <el-option label=\"正向\" value=\"car\"></el-option>\n            <el-option label=\"方向\" value=\"bus\"></el-option>\n            <el-option label=\"双向\" value=\"kache\"></el-option>\n          </el-select>\n        </el-form-item>\n\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\n      <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\n        <el-form-item label=\"区域名称\">\n          <el-input v-model=\"areaComponentform.name\"></el-input>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\n      <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\n        <el-form-item label=\"轨迹名称：\">\n          <el-input v-model=\"trackForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\n      <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\n        <el-form-item label=\"速度组件名称：\">\n          <el-input v-model=\"speedForm.name\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"数值筛选：\">\n          <el-input v-model=\"speedForm.num\"></el-input>\n        </el-form-item>\n        <el-form-item label=\"时间模式：\">\n          <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\n            <el-option label=\"触发\" value=\"touch\"></el-option>\n            <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\n            <el-option label=\"周期统计\" value=\"date\"></el-option>\n          </el-select>\n        </el-form-item>\n        <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\n        <el-radio-group v-model=\"speedForm.touchType\" >\n          <el-radio label=\"实时（触发）\"></el-radio>\n          <el-radio label=\"间隔\"></el-radio>\n        </el-radio-group>\n      </el-form-item>\n      <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\n        <el-slider v-model=\"speedForm.time\" show-input>\n          </el-slider>\n      </el-form-item>\n      <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\n         <el-date-picker\n     v-model=\"speedForm.date\"\n    type=\"datetimerange\"\n    range-separator=\"至\"\n    start-placeholder=\"开始日期\"\n    end-placeholder=\"结束日期\">\n  </el-date-picker>\n      </el-form-item>\n        <el-form-item label=\"展现形式：\">\n          <el-checkbox-group v-model=\"speedForm.type\">\n            <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n            <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\n          </el-checkbox-group>\n        </el-form-item>\n        <el-form-item>\n          <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n          <el-button @click=\"dialogFormVisible = false\">取消</el-button>\n        </el-form-item>\n      </el-form>\n    </el-dialog>\n    \n  </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\n            <div class=\"mapModuleApp\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div> -->\n     \n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\" name=\"second\">\n          <dataBoard :activeName=\"activeName\"></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\" name=\"third\">\n          <analysisConfiguration></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\n          <editModal></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        \n      </el-dialog> -->\n      <el-drawer\n      class=\"new-dialog\"\n  :visible.sync=\"dialogFormVisible\"\n  direction=\"btt\"\n  custom-class=\"demo-drawer\"\n  ref=\"drawer\"\n  :modal=\"false\" \n :close-on-click-modal=\"false\"\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \n  :wrapperClosable=\"false\" \n  :with-header=\"false\"\n  >\n      <div class=\"formBox\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item> -->\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        </div> \n     \n       \n</el-drawer>\n      <!-- 组件弹框 -->\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\n          <el-form-item label=\"名称：\">\n            <el-input v-model=\"componentForm.componentName\"></el-input>\n          </el-form-item>\n          \n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\n            </el-select>\n          </el-form-item>\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"componentForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item> -->\n        <el-form-item label=\"周期间隔：\">\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\n            </el-slider> -->\n            <el-slider v-model=\"componentForm.cycleInterval\">\n            </el-slider>\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\n              <el-option label=\"小时\" value=\"hh\"></el-option>\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\n              <el-option\n\t\t\t   v-for=\"item in timeSelect\"\n\t\t\t   :key=\"item.value\"\n\t\t\t   :label=\"item.label\"\n\t\t\t   :value=\"item.value\"\n\t\t\t ></el-option>\n            </el-select>\n        </el-form-item>\n        <!-- <el-form-item label=\"单位：\" >\n         \n        </el-form-item> -->\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n             \n            </el-checkbox-group>\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group> -->\n          </el-form-item>\n          \n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n    \n      \n    <!-- </div> -->\n  </div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a99a2bba7bf62e8ea8cb0c5444625047.json b/node_modules/.cache/vue-loader/a99a2bba7bf62e8ea8cb0c5444625047.json
index 6fc89e5e..31a2efa9 100644
--- a/node_modules/.cache/vue-loader/a99a2bba7bf62e8ea8cb0c5444625047.json
+++ b/node_modules/.cache/vue-loader/a99a2bba7bf62e8ea8cb0c5444625047.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673318397848},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  速度组件</p>\n    <div class=\"typeContent\">\n        <el-card style='width:150px;margin-bottom:20px;text-align:center'>\n            <div style=\"font-size:30px;font-weight:bold;\">99</div>\n                <div style=\"padding: 14px;\">\n                    <span>数值</span>\n                    <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n\n\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <avgChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673579760842},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<!-- 触发类型 -->\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :pageType=\"pageType\" :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :pageType=\"pageType\" :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :pageType=\"pageType\" :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :title=\"title\" :pageType=\"pageType\" :list=\"tableData\" :status=\"triggerType\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <avgChart :title=\"title\" :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :title=\"title\" :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :title=\"title\" :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/aabf73796bd8671b402d52fdae2c121e.json b/node_modules/.cache/vue-loader/aabf73796bd8671b402d52fdae2c121e.json
new file mode 100644
index 00000000..1391f876
--- /dev/null
+++ b/node_modules/.cache/vue-loader/aabf73796bd8671b402d52fdae2c121e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Permission.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Permission.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Permission.vue?vue&type=template&id=03db3326&scoped=true&\"\nimport script from \"./Permission.vue?vue&type=script&lang=js&\"\nexport * from \"./Permission.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Permission.vue?vue&type=style&index=0&id=03db3326&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"03db3326\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('03db3326')) {\n      api.createRecord('03db3326', component.options)\n    } else {\n      api.reload('03db3326', component.options)\n    }\n    module.hot.accept(\"./Permission.vue?vue&type=template&id=03db3326&scoped=true&\", function () {\n      api.rerender('03db3326', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/Permission.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/aaf249ab16370648eb33823bfcf3daae.json b/node_modules/.cache/vue-loader/aaf249ab16370648eb33823bfcf3daae.json
new file mode 100644
index 00000000..2dbea9da
--- /dev/null
+++ b/node_modules/.cache/vue-loader/aaf249ab16370648eb33823bfcf3daae.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue?vue&type=template&id=e5ed2546&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n    <div class=\"container\">\n        <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\n            <p class=\"title\">界面</p>\n            <el-form-item label=\"界面：\">\n                <el-col :span=\"6\">\n                    <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                    </el-select>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"MAC地址：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.region\"></el-input>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"MTU：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.region\"></el-input>\n                </el-col>\n            </el-form-item>\n            <p class=\"title\">运行状态</p>\n            <el-form-item label=\"启用：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">YES</span>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"连接：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">接通</span>\n                </el-col>\n            </el-form-item>\n            <p class=\"title\">IPV4</p>\n            <el-table :data=\"tableData\" border style=\"width: 95%\">\n                <el-table-column prop=\"address\" label=\"地址\">\n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"agreement\" label=\"协议\"> \n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"Range\" label=\"范围\">\n                  <template slot-scope=\"scope\">\n                  <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\n                        <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                    </el-select>\n                  </template>\n                </el-table-column>\n                <el-table-column prop=\"term\" label=\"期限\"> \n                  <template slot-scope=\"scope\">\n                    <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\n                  </template>\n                </el-table-column>\n                <el-table-column\n                  fixed=\"right\"\n                  label=\"操作\"\n                  width=\"350\"\n                  >\n              <template slot-scope=\"scope\" >\n                  <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\n              </template>\n              </el-table-column>\n            </el-table>\n            <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\n            <el-form-item label=\"启用：\">\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"网关：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.gateway\"></el-input>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"分配IP：\">\n                <el-col :span=\"6\">\n                    <el-input v-model=\"sizeForm.ip\"></el-input>\n                </el-col>\n            </el-form-item>\n            <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\n                <p class=\"title\">静态地址</p>\n                <el-form-item label=\"IP1：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip1\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP2：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip2\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP3：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip3\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"IP4：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.ip4\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <p class=\"title\">静态路由</p>\n                <el-table :data=\"tableRouter\" border style=\"width: 95%\">\n                    <el-table-column prop=\"name\" label=\"名称\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"target\" label=\"目标\"> \n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"Range\" label=\"范围\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column prop=\"metric\" label=\"metric\">\n                      <template slot-scope=\"scope\">\n                        <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\n                      </template>\n                    </el-table-column>\n                    <el-table-column\n                        fixed=\"right\"\n                        label=\"操作\"\n                        width=\"350\"\n                        >\n                    <template slot-scope=\"scope\" >\n                        <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\n                    </template>\n                    </el-table-column>\n                </el-table>\n                <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\n                <el-form-item label=\"DNS1：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns1\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"DNS2：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns2\"></el-input>\n                    </el-col>\n                </el-form-item>\n                <el-form-item label=\"DNS3：\">\n                    <el-col :span=\"6\">\n                        <el-input v-model=\"sizeForm.dns3\"></el-input>\n                    </el-col>\n                </el-form-item>\n            </div>\n        </el-form>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ab9d9bcf55666555c5d8a3a54adcbcda.json b/node_modules/.cache/vue-loader/ab9d9bcf55666555c5d8a3a54adcbcda.json
new file mode 100644
index 00000000..04775c52
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ab9d9bcf55666555c5d8a3a54adcbcda.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      formLabelAlign: {\r\n        name: 'admin',\r\n        account: 'admin',\r\n        password: '123456',\r\n      },\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["myId.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"myId.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">我的账号</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"60px\" :model=\"formLabelAlign\">\r\n        <el-form-item label=\"名称：\">\r\n          {{ formLabelAlign.name }}\r\n        </el-form-item>\r\n        <el-form-item label=\"账号：\">\r\n          {{ formLabelAlign.account }}\r\n        </el-form-item>\r\n        <el-form-item label=\"密码：\">\r\n          {{ formLabelAlign.password }}\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      formLabelAlign: {\r\n        name: 'admin',\r\n        account: 'admin',\r\n        password: '123456',\r\n      },\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/aba909f0ed0574f52d5212fb113773d0.json b/node_modules/.cache/vue-loader/aba909f0ed0574f52d5212fb113773d0.json
new file mode 100644
index 00000000..f5f92333
--- /dev/null
+++ b/node_modules/.cache/vue-loader/aba909f0ed0574f52d5212fb113773d0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["404.vue"],"names":[],"mappings":";;;;;;;;;;;;;;AAcA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"404.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div class=\"error-page\">\r\n    <div class=\"error-code\">4<span>0</span>4</div>\r\n    <div class=\"error-desc\">啊哦~ 你所访问的页面不存在</div>\r\n    <div class=\"error-handle\">\r\n      <router-link to=\"/\">\r\n        <el-button type=\"primary\" size=\"large\">返回首页</el-button>\r\n      </router-link>\r\n      <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.error-code{\r\n  color: #2d8cf0;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/abf27745e885e4b922890c57e5144faa.json b/node_modules/.cache/vue-loader/abf27745e885e4b922890c57e5144faa.json
new file mode 100644
index 00000000..04c98600
--- /dev/null
+++ b/node_modules/.cache/vue-loader/abf27745e885e4b922890c57e5144faa.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\thermalChart.vue","mtime":1673425086639},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'thermalChart', //折线图组件\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    name: '111',\r\n                    val1: '100',\r\n                    val2: '200',\r\n                    val3: '300',\r\n                    val4: '400'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                textStyle: { color: '#666', fontSize: 13 },\r\n                toolbox: {\r\n                    show: true,\r\n                    feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n                    iconStyle: { borderColor: '#666' }\r\n                },\r\n                tooltip: {},\r\n                xAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n                    splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n                },\r\n                yAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n                },\r\n                visualMap: [\r\n                    {\r\n                        min: 100,\r\n                        max: 400,\r\n                        calculable: false,\r\n                        orient: 'horizontal',\r\n                        left: 'center',\r\n                        top: 20,\r\n                        color: ['#C7021D', '#79E73C'],\r\n                        text: ['高', '低'],\r\n                        textStyle: { color: '#666', fontSize: 13 }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        type: 'heatmap',\r\n                        // pageSize: 20,\r\n                        pointSize: 10,\r\n                        blurSize: 10,\r\n                        data: [\r\n                            [0, 0, 100],\r\n                            [0, 1, 100],\r\n                            [0, 2, 100],\r\n                            [0, 3, 100],\r\n                            // [0, 4, 100],\r\n                            // [0, 5, 100],\r\n                            // [0, 6, 200],\r\n\r\n                            [1, 0, 120],\r\n                            [1, 1, 120],\r\n                            [1, 2, 125],\r\n                            [1, 3, 120],\r\n                            // [1, 4, 120],\r\n                            // [1, 5, 120],\r\n                            // [1, 6, 120],\r\n\r\n                            [2, 0, 120],\r\n                            [2, 1, 140],\r\n                            [2, 2, 140],\r\n                            [2, 3, 140],\r\n                            // [2, 4, 140],\r\n                            // [2, 5, 140],\r\n                            // [2, 6, 140],\r\n\r\n                            [3, 0, 200],\r\n                            [3, 1, 200],\r\n                            [3, 2, 200],\r\n                            [3, 3, 200]\r\n                            // [3, 4, 200],\r\n                            // [3, 5, 200],\r\n                            // [3, 6, 200],\r\n\r\n\r\n                            // [4, 4, 300],\r\n                            // [4, 5, 300],\r\n                            // [4, 6, 300]\r\n                        ],\r\n                        label: { show: true, color: '#fff' },\r\n                        itemStyle: {\r\n                            borderColor: 'rgba(255, 255, 255, 0.5)',\r\n                            emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n                        }\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            window.onresize = () => {\r\n                // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart();\r\n    }\r\n};\r\n",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"thermalChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'thermalChart', //折线图组件\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    name: '111',\r\n                    val1: '100',\r\n                    val2: '200',\r\n                    val3: '300',\r\n                    val4: '400'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                textStyle: { color: '#666', fontSize: 13 },\r\n                toolbox: {\r\n                    show: true,\r\n                    feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n                    iconStyle: { borderColor: '#666' }\r\n                },\r\n                tooltip: {},\r\n                xAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\r\n                    splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n                },\r\n                yAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']\r\n                },\r\n                visualMap: [\r\n                    {\r\n                        min: 100,\r\n                        max: 400,\r\n                        calculable: false,\r\n                        orient: 'horizontal',\r\n                        left: 'center',\r\n                        top: 20,\r\n                        color: ['#C7021D', '#79E73C'],\r\n                        text: ['高', '低'],\r\n                        textStyle: { color: '#666', fontSize: 13 }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        type: 'heatmap',\r\n                        // pageSize: 20,\r\n                        pointSize: 10,\r\n                        blurSize: 10,\r\n                        data: [\r\n                            [0, 0, 100],\r\n                            [0, 1, 100],\r\n                            [0, 2, 100],\r\n                            [0, 3, 100],\r\n                            // [0, 4, 100],\r\n                            // [0, 5, 100],\r\n                            // [0, 6, 200],\r\n\r\n                            [1, 0, 120],\r\n                            [1, 1, 120],\r\n                            [1, 2, 125],\r\n                            [1, 3, 120],\r\n                            // [1, 4, 120],\r\n                            // [1, 5, 120],\r\n                            // [1, 6, 120],\r\n\r\n                            [2, 0, 120],\r\n                            [2, 1, 140],\r\n                            [2, 2, 140],\r\n                            [2, 3, 140],\r\n                            // [2, 4, 140],\r\n                            // [2, 5, 140],\r\n                            // [2, 6, 140],\r\n\r\n                            [3, 0, 200],\r\n                            [3, 1, 200],\r\n                            [3, 2, 200],\r\n                            [3, 3, 200]\r\n                            // [3, 4, 200],\r\n                            // [3, 5, 200],\r\n                            // [3, 6, 200],\r\n\r\n\r\n                            // [4, 4, 300],\r\n                            // [4, 5, 300],\r\n                            // [4, 6, 300]\r\n                        ],\r\n                        label: { show: true, color: '#fff' },\r\n                        itemStyle: {\r\n                            borderColor: 'rgba(255, 255, 255, 0.5)',\r\n                            emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n                        }\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            window.onresize = () => {\r\n                // 根据窗口大小变化图表自适应\r\n                myChart.resize();\r\n            };\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart();\r\n    }\r\n};\r\n</script>\r\n<style scoped></style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ac5c164ac342dbde21fc19ce715fcfa2.json b/node_modules/.cache/vue-loader/ac5c164ac342dbde21fc19ce715fcfa2.json
new file mode 100644
index 00000000..2ca1a519
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ac5c164ac342dbde21fc19ce715fcfa2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue?vue&type=template&id=51b0b1b0&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\" >\r\n  <div class=\"container\">\r\n    <p>主体页面 3 - 1 </p>\r\n    <div class=\"test-div\">\r\n      <el-tree\r\n        :data=\"treeData\"\r\n        show-checkbox\r\n        node-key=\"id\"\r\n        :props=\"defaultProps\">\r\n      </el-tree>\r\n    </div>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/acd7c66f410967f11e6af91daf354d2b.json b/node_modules/.cache/vue-loader/acd7c66f410967f11e6af91daf354d2b.json
new file mode 100644
index 00000000..47ecff32
--- /dev/null
+++ b/node_modules/.cache/vue-loader/acd7c66f410967f11e6af91daf354d2b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue?vue&type=template&id=51bec931&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"p\", [_vm._v(\"主题页面 3 - 2\")]),\n      _c(\n        \"div\",\n        { staticClass: \"test-div\" },\n        [\n          _c(\"el-alert\", {\n            attrs: {\n              title: \"成功提示的文案\",\n              type: \"success\",\n              closable: false,\n              center: \"\",\n              \"show-icon\": \"\"\n            }\n          }),\n          _c(\"el-alert\", {\n            attrs: { title: \"消息提示的文案\", type: \"info\", \"show-icon\": \"\" }\n          }),\n          _c(\"el-alert\", {\n            attrs: {\n              title: \"警告提示的文案\",\n              type: \"warning\",\n              \"close-text\": \"好的\"\n            }\n          }),\n          _c(\"el-alert\", {\n            attrs: {\n              title: \"错误提示的文案\",\n              type: \"error\",\n              description: \"文字说明文字说明文字说明文字说明文字说明文字说明\",\n              \"show-icon\": \"\"\n            }\n          })\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ad304956270f859ae9699c5aca365b1c.json b/node_modules/.cache/vue-loader/ad304956270f859ae9699c5aca365b1c.json
new file mode 100644
index 00000000..aed1db08
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ad304956270f859ae9699c5aca365b1c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["VPN.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"VPN.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p>系统服务VPN</p>\r\n                <el-form-item label=\"状态：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"2\">\r\n                        <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>保护装置</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>开放VPN</p>\r\n                <el-form-item label=\"配置文件：\">\r\n                    <el-col :span=\"1\">\r\n                        <el-button type=\"primary\" size=\"small\">上传</el-button>\r\n                    </el-col>\r\n                    <el-col :span=\"4\">\r\n                        <el-upload\r\n                            class=\"upload-demo\"\r\n                            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n                            :on-preview=\"handlePreview\"\r\n                            :on-remove=\"handleRemove\"\r\n                            :before-remove=\"beforeRemove\"\r\n                            multiple\r\n                            :limit=\"3\"\r\n                            :on-exceed=\"handleExceed\"\r\n                            :file-list=\"fileList\"\r\n                        >\r\n                            <el-button size=\"small\" type=\"primary\">选择文件</el-button>\r\n                        </el-upload>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"配置上载：\">\r\n                  <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">NO</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p>资格证书</p>\r\n                <el-form-item label=\"操作：\">\r\n                    <el-col :span=\"12\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\r\n                    </el-col>\r\n                </el-form-item>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            fileList: []\r\n        };\r\n    },\r\n    methods: {\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n  /deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n/deep/ .el-button--small{\r\n    margin-left: 0 !important;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ad6f12668e0e5ba39d36d465e697cdf8.json b/node_modules/.cache/vue-loader/ad6f12668e0e5ba39d36d465e697cdf8.json
new file mode 100644
index 00000000..da74739e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ad6f12668e0e5ba39d36d465e697cdf8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"全局设置\")]),\n        _c(\n          \"el-form\",\n          { attrs: { \"label-position\": \"left\", \"label-width\": \"120px\" } },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"视频接入上限：\" } },\n              [\n                _c(\"el-input-number\", {\n                  attrs: { min: 1, size: \"mini\", max: 8 },\n                  model: {\n                    value: _vm.videoNumber,\n                    callback: function($$v) {\n                      _vm.videoNumber = $$v\n                    },\n                    expression: \"videoNumber\"\n                  }\n                }),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\"范围1-8、默认6\\n      \")\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"跳帧设置：\" } },\n              [\n                _c(\n                  \"el-select\",\n                  {\n                    attrs: { size: \"mini\", placeholder: \"请选择\" },\n                    model: {\n                      value: _vm.FPS,\n                      callback: function($$v) {\n                        _vm.FPS = $$v\n                      },\n                      expression: \"FPS\"\n                    }\n                  },\n                  _vm._l(_vm.options, function(item) {\n                    return _c(\"el-option\", {\n                      key: item.value,\n                      attrs: { label: item.label, value: item.value }\n                    })\n                  }),\n                  1\n                ),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\\n      \"\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-button\",\n              {\n                attrs: { type: \"primary\", size: \"small\" },\n                on: {\n                  click: function($event) {\n                    return _vm.commit()\n                  }\n                }\n              },\n              [_vm._v(\"保存\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/adddf4e7b2a4d974a736a1af125ed340.json b/node_modules/.cache/vue-loader/adddf4e7b2a4d974a736a1af125ed340.json
new file mode 100644
index 00000000..77b98dd5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/adddf4e7b2a4d974a736a1af125ed340.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\headWayChart.vue","mtime":1673518221965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ae20ab78d3d7188d1d7583d4bfbc8b05.json b/node_modules/.cache/vue-loader/ae20ab78d3d7188d1d7583d4bfbc8b05.json
new file mode 100644
index 00000000..559f6bb4
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ae20ab78d3d7188d1d7583d4bfbc8b05.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/aeb6f4e2642015ea650cbb1b0b9f9a76.json b/node_modules/.cache/vue-loader/aeb6f4e2642015ea650cbb1b0b9f9a76.json
new file mode 100644
index 00000000..a380cb7a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/aeb6f4e2642015ea650cbb1b0b9f9a76.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue?vue&type=style&index=0&id=650d6904&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.pagination-container {\r\n  background: #fff;\r\n  padding: 10px 0 0 16px;\r\n}\r\n.pagination-container.hidden {\r\n  display: none;\r\n}\r\n",{"version":3,"sources":["Pagination.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6FA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Pagination.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div :class=\"{'hidden':hidden}\" class=\"pagination-container\">\r\n    <el-pagination\r\n      :background=\"background\"\r\n      :current-page.sync=\"currentPage\"\r\n      :page-size.sync=\"pageSize\"\r\n      :layout=\"layout\"\r\n      :page-sizes=\"pageSizes\"\r\n      :total=\"total\"\r\n      v-bind=\"$attrs\"\r\n      @size-change=\"handleSizeChange\"\r\n      @current-change=\"handleCurrentChange\"\r\n    ></el-pagination>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { scrollTo } from '@/utils/scroll-to';\r\n\r\nexport default {\r\n  name: 'Pagination',\r\n  props: {\r\n    total: {\r\n      required: true,\r\n      type: Number\r\n    },\r\n    page: {\r\n      type: Number,\r\n      default: 1\r\n    },\r\n    limit: {\r\n      type: Number,\r\n      default: 20\r\n    },\r\n    pageSizes: {\r\n      type: Array,\r\n      default() {\r\n        return [10, 20, 30, 50, 100]\r\n      }\r\n    },\r\n    layout: {\r\n      type: String,\r\n      default: 'total, sizes, prev, pager, next, jumper'\r\n    },\r\n    background: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    autoScroll: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    hidden: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    currentPage: {\r\n      get() {\r\n        return this.page;\r\n      },\r\n      set(val) {\r\n        this.$emit('update:page', val);\r\n      }\r\n    },\r\n    pageSize: {\r\n      get() {\r\n        return this.limit;\r\n      },\r\n      set(val) {\r\n        this.$emit('update:limit', val);\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    handleSizeChange(val) {\r\n      this.$emit('pagination', { page: this.currentPage, limit: val });\r\n      if (this.autoScroll) {\r\n        scrollTo(0, 800);\r\n      }\r\n    },\r\n    handleCurrentChange(val) {\r\n      this.$emit('pagination', { page: val, limit: this.pageSize });\r\n      if (this.autoScroll) {\r\n        scrollTo(0, 800);\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n  background: #fff;\r\n  padding: 10px 0 0 16px;\r\n}\r\n.pagination-container.hidden {\r\n  display: none;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/aec17069c0cc24fc8fec7da0d413cb6e.json b/node_modules/.cache/vue-loader/aec17069c0cc24fc8fec7da0d413cb6e.json
new file mode 100644
index 00000000..eb7297d8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/aec17069c0cc24fc8fec7da0d413cb6e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\congestionChart.vue","mtime":1673318357048},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\"\nimport script from \"./congestionChart.vue?vue&type=script&lang=js&\"\nexport * from \"./congestionChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4a9ff109\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4a9ff109')) {\n      api.createRecord('4a9ff109', component.options)\n    } else {\n      api.reload('4a9ff109', component.options)\n    }\n    module.hot.accept(\"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\", function () {\n      api.rerender('4a9ff109', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/congestionChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/af1892998bea46a39edafa39f416cd95.json b/node_modules/.cache/vue-loader/af1892998bea46a39edafa39f416cd95.json
index 09bad538..6ba2105e 100644
--- a/node_modules/.cache/vue-loader/af1892998bea46a39edafa39f416cd95.json
+++ b/node_modules/.cache/vue-loader/af1892998bea46a39edafa39f416cd95.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6PA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n    <!-- </div> -->\r\n     \r\n    \r\n\r\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\r\n     <!-- <el-container> -->\r\n        <div class=\"header\" >\r\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\r\n      <!-- 水平一级菜单 -->\r\n      <div style=\"float:left;\">\r\n        <!-- <el-menu \r\n          mode=\"horizontal\"\r\n          text-color=\"#000000\"\r\n          active-text-color=\"#3989fa\"\r\n          :default-active=\"toIndex\" \r\n          @select=\"handleSelect\">\r\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\r\n            <span slot=\"title\">{{ item.title }}</span>\r\n          </el-menu-item>\r\n        </el-menu> -->\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n   background: url('../../assets/img/leftBg.png'); \r\n    max-height: 1000px;\r\n    background-size: 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyOA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n        <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n        <div class=\"header\" >\r\n      <!-- 水平一级菜单 -->\r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: '/test1/AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: '/test1/AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: '/test1/network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: '/test1/VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: '/test1/CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: '/test1/HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: '/test1/StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: '/test1/interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: '/test1/IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: '/test1/globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: '/test1/ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: '/test1/ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: '/test1/InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: '/test1/UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: '/test1/myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: '/test1/IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: '/test1/logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    background: url('../../assets/img/leftBg.png'); \r\n    max-height: 100%;\r\n    background-size: 100% 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/af7ac203e4a3d6ad339a7c323084fb0f.json b/node_modules/.cache/vue-loader/af7ac203e4a3d6ad339a7c323084fb0f.json
new file mode 100644
index 00000000..639dc1e1
--- /dev/null
+++ b/node_modules/.cache/vue-loader/af7ac203e4a3d6ad339a7c323084fb0f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=style&index=0&id=2a67f262&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-menu{\r\n  background: transparent;\r\n  border: none;\r\n}\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n    float: left;\r\n    margin-left: 60px;\r\n    margin-top: 17.5px;\r\n    height: 29px;\r\n    width: 160px;\r\n    vertical-align: middle;\r\n}\r\n.sidebar {\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 70px;\r\n    bottom: 0;\r\n    overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n    width: 0;\r\n}\r\n.sidebar-el-menu {\r\n    width: 250px;\r\n}\r\n.sidebar > ul {\r\n    height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item {\r\n    font-size: 14px !important;\r\n    // padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n.navMenu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    background-size: 100%;\r\n    /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important;\r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa !important;\r\n}\r\n",{"version":3,"sources":["SideMenu.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SideMenu.vue","sourceRoot":"src/components/sidemenu","sourcesContent":["<template>\r\n    <div class=\"navMenu\">\r\n        <el-menu router  :default-active=\"defaultActive\" class=\"el-menu-vertical-demo\" text-color=\"#fff\" active-text-color=\"#ffd04b\">\r\n            <menu-tree :menuNavList=\"navMenus\"></menu-tree>\r\n        </el-menu>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport MenuTree from './sideBarCommon';\r\nexport default {\r\n    name: 'NavMenu', //使用递归组件必须要有\r\n    components: {\r\n       MenuTree\r\n    },\r\n    props: ['navMenus'], // 传入子组件的数据\r\n    data() {\r\n        return {\r\n          defaultActive:this.$route.path\r\n        };\r\n    },\r\n    computed: {\r\n        toIndex() {\r\n            // 根据路径绑定到对应的二级菜单，防止页面刷新重新跳回第一个\r\n            return this.$route.path.split('/')[2];\r\n        }\r\n    },\r\n    mounted(){\r\n      console.log(this.$route.path,',,,path');\r\n      if(this.$route.path=='/test1/index'){\r\n        this.defaultActive='/test1/AnalysisMain'\r\n      }\r\n    },\r\n    methods: {\r\n        handleSelect(key, keyPath) {\r\n            console.log('1212');\r\n            console.log(key, keyPath);\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-menu{\r\n  background: transparent;\r\n  border: none;\r\n}\r\n/* 左侧菜单栏定位和位置大小设定 */\r\n.logo {\r\n    float: left;\r\n    margin-left: 60px;\r\n    margin-top: 17.5px;\r\n    height: 29px;\r\n    width: 160px;\r\n    vertical-align: middle;\r\n}\r\n.sidebar {\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 70px;\r\n    bottom: 0;\r\n    overflow-y: scroll;\r\n}\r\n.sidebar::-webkit-scrollbar {\r\n    width: 0;\r\n}\r\n.sidebar-el-menu {\r\n    width: 250px;\r\n}\r\n.sidebar > ul {\r\n    height: 100%;\r\n}\r\n\r\n/* 左侧二级菜单项的样式 */\r\n.el-menu-item {\r\n    font-size: 14px !important;\r\n    // padding-left: 35px !important;\r\n}\r\n\r\n/* 左侧二级菜单选中时的样式 */\r\n.el-menu-item.is-active {\r\n    color: white !important;\r\n    background: #3989fa !important;\r\n}\r\n.el-menu-item,\r\n.el-submenu__title {\r\n    height: 50px !important;\r\n    line-height: 50px !important;\r\n}\r\n.navMenu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    // height: 800px;\r\n    max-height: 850px;\r\n}\r\n.el-menu {\r\n    // background: url('../../assets/img/leftBg.png');\r\n    background-size: 100%;\r\n    /* height: 800px; */\r\n}\r\n\r\n// .el-submenu__title:hover {\r\n//       background-color: #3989fa!important;\r\n//    color:#eee!important;\r\n// }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa !important;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b03fa30f19c64a7aa0328c71acbb21d5.json b/node_modules/.cache/vue-loader/b03fa30f19c64a7aa0328c71acbb21d5.json
index 858314ed..d0baec04 100644
--- a/node_modules/.cache/vue-loader/b03fa30f19c64a7aa0328c71acbb21d5.json
+++ b/node_modules/.cache/vue-loader/b03fa30f19c64a7aa0328c71acbb21d5.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673319362963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"barChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"barChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"barChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"barChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b0c5e7905b9899163db1a5d3ccf4a2e6.json b/node_modules/.cache/vue-loader/b0c5e7905b9899163db1a5d3ccf4a2e6.json
new file mode 100644
index 00000000..67778b6e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b0c5e7905b9899163db1a5d3ccf4a2e6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue","mtime":1673314902485},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n          \r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='type' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='plate' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        \r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"断面名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间序号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"入流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"出流平均速度\"></el-table-column>\r\n           \r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b0ddb3d09a0296e4bada4a5c176e9d49.json b/node_modules/.cache/vue-loader/b0ddb3d09a0296e4bada4a5c176e9d49.json
new file mode 100644
index 00000000..edb2eeea
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b0ddb3d09a0296e4bada4a5c176e9d49.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b1ca213e4621c1abb20e1c5855af23f0.json b/node_modules/.cache/vue-loader/b1ca213e4621c1abb20e1c5855af23f0.json
new file mode 100644
index 00000000..5bd7c286
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b1ca213e4621c1abb20e1c5855af23f0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\404.vue?vue&type=style&index=0&id=bf4272de&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.error-code{\r\n  color: #2d8cf0;\r\n}\r\n",{"version":3,"sources":["404.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA","file":"404.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div class=\"error-page\">\r\n    <div class=\"error-code\">4<span>0</span>4</div>\r\n    <div class=\"error-desc\">啊哦~ 你所访问的页面不存在</div>\r\n    <div class=\"error-handle\">\r\n      <router-link to=\"/\">\r\n        <el-button type=\"primary\" size=\"large\">返回首页</el-button>\r\n      </router-link>\r\n      <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.error-code{\r\n  color: #2d8cf0;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b1ddf1b875679227ef19b8b6fb6d0ba1.json b/node_modules/.cache/vue-loader/b1ddf1b875679227ef19b8b6fb6d0ba1.json
new file mode 100644
index 00000000..776c08ae
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b1ddf1b875679227ef19b8b6fb6d0ba1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673593140949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\"></lineChart>\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '延误组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b1e9e65e82cd76727b199493a1897f8c.json b/node_modules/.cache/vue-loader/b1e9e65e82cd76727b199493a1897f8c.json
new file mode 100644
index 00000000..b9423351
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b1e9e65e82cd76727b199493a1897f8c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue","mtime":1673516017952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 类型组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <pieChart :pageType=\"pageType\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b33d563be7e8bab00f7b2b3ae5ffa788.json b/node_modules/.cache/vue-loader/b33d563be7e8bab00f7b2b3ae5ffa788.json
index 5931d544..6e1c3c27 100644
--- a/node_modules/.cache/vue-loader/b33d563be7e8bab00f7b2b3ae5ffa788.json
+++ b/node_modules/.cache/vue-loader/b33d563be7e8bab00f7b2b3ae5ffa788.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673315251737},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"> <span class=\"titleIcon\"></span>  检测数组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b346d8f806dc1df329cf5d30d7a35a52.json b/node_modules/.cache/vue-loader/b346d8f806dc1df329cf5d30d7a35a52.json
new file mode 100644
index 00000000..85b29b55
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b346d8f806dc1df329cf5d30d7a35a52.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=style&index=0&id=6fd57e96&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n.el-col-6{\r\n  padding-top: 0;\r\n  padding-left: 0;\r\n  line-height: 32px;\r\n}\r\n",{"version":3,"sources":["InterfaceServerCertificates.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"InterfaceServerCertificates.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">用于REAST API的ssl web服务器证书</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"证书颁发者名称：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书使用者名称：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书有效时间：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书到期时间：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书被列入黑名单：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"自签名证书：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书版本：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: 'ParkingDetrctionCA',\r\n        name2: 'loc.rcesystems.cz',\r\n        startTime: '2019-12-02 22::17:47',\r\n        endTime: '2033-08-10 22::17:47',\r\n        blacklist: '否',\r\n        autograph: '否',\r\n        version: '3',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n.el-col-6{\r\n  padding-top: 0;\r\n  padding-left: 0;\r\n  line-height: 32px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b3ef738cc208b45d5cae5da9807fb6d3.json b/node_modules/.cache/vue-loader/b3ef738cc208b45d5cae5da9807fb6d3.json
index ca4413b7..43fb3c47 100644
--- a/node_modules/.cache/vue-loader/b3ef738cc208b45d5cae5da9807fb6d3.json
+++ b/node_modules/.cache/vue-loader/b3ef738cc208b45d5cae5da9807fb6d3.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673318349844},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #E4E7ED\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\"  延误组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673517881662},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" \" + _vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b42c160d46c4f83d2d9d8b3855ee72ea.json b/node_modules/.cache/vue-loader/b42c160d46c4f83d2d9d8b3855ee72ea.json
index 9856b358..4f8d496a 100644
--- a/node_modules/.cache/vue-loader/b42c160d46c4f83d2d9d8b3855ee72ea.json
+++ b/node_modules/.cache/vue-loader/b42c160d46c4f83d2d9d8b3855ee72ea.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673319362963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props:{\r\n        list:Array,\r\n        default(){\r\n            return[]\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            \r\n        }\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            // console.log(this.$refs.barChart,'11111');\r\n            let myChart = this.$echarts.init(this.$refs.barChart)\r\n            const symbols = [\r\n    \"path://M66.1,35.7L100,49.8v128.7l-33.9-12.7L66.1,35.7z\", //左边\r\n    \"path://M133.9,35.7L100,49.8v128.7l33.9-12.7V35.7z\", //右边\r\n    \"path://M66.1,35.7L100,21.5l33.9,14.1L100,49.8L66.1,35.7z\", //菱形\r\n]\r\n//源数据\r\nconst data = [{\r\n    label: \"最大值\",\r\n    value: 500\r\n}, {\r\n    label: \"平均值\",\r\n    value: 400\r\n}, {\r\n    label: \"最小值\",\r\n    value: 200\r\n},{\r\n    label: \"中间值\",\r\n    value: 200\r\n}]\r\n//数据最大值（需要结合源数据取最大值过程不在此编写，可使用lodash）\r\nconst maxData = 1000;\r\n//横坐标数值\r\nconst xAxisData = data.map((e) => {\r\n    return e.label\r\n})\r\n//图形颜色\r\nconst colorList = [\"#5f55ed59\", \"#f8954359\", \"#47d69d59\",\"#F9F1EA\"]\r\n//图形边框颜色\r\nconst borderColorList = [\"#5f55ed\", \"#f89543\", \"#47d69d\",\"#C1AE9E\"]\r\n//图形顶部颜色\r\nconst colorTopList = [\"#5571f659\", \"#f1d57759\", \"#3fdfc159\",\"#F3DFCD\"]\r\n//图形顶部框颜色 \r\nconst colorBorderTopList = [\"#5f55ed\", \"#fd7d3d\", \"#25cd75\",\"#C1AE9E\"]\r\n//图形底部颜色\r\nconst colorBottomList = [\"#437ffa\", \"#fee266\", \"#35c9c7\",\"#F3DFCD\"]\r\n//图形实体顶部颜色\r\nconst topColorList = [\"#5571f6\", \"#f1d577\", \"#3fdfc1\",\"#F3DFCD\"]\r\n//图形柱体颜色\r\nconst barColorList = [\"#7148ea\", \"#fd7d3d\", \"#25cd75\",\"#BFA188\"]\r\n//左右框数值\r\nconst leftAndRightData = []\r\n//顶部框数值\r\nconst topBorderData = []\r\n//底部框数值\r\nconst bottomBorderData = []\r\n//顶部实体数值\r\nconst topData = []\r\n//图形柱体数值\r\nconst barData = []\r\nfor (var i = 0; i < data.length; i++) {\r\n    leftAndRightData.push({\r\n        name: data[i].label,\r\n        value: maxData,\r\n\r\n        itemStyle: {\r\n            color: colorList[i],\r\n            borderColor: borderColorList[i]\r\n        }\r\n    })\r\n    topBorderData.push({\r\n        name: data[i].label,\r\n        value: maxData,\r\n        symbolPosition: \"end\",\r\n        itemStyle: {\r\n            color: colorTopList[i],\r\n            borderColor: colorBorderTopList[i]\r\n        }\r\n    })\r\n    bottomBorderData.push({\r\n        name: data[i].label,\r\n        value: maxData,\r\n        itemStyle: {\r\n            color: colorBottomList[i]\r\n        }\r\n    })\r\n    topData.push({\r\n        name: data[i].label,\r\n        value: data[i].value,\r\n        symbolPosition: \"end\",\r\n        itemStyle: {\r\n            color: topColorList[i]\r\n        }\r\n    })\r\n    barData.push({\r\n        name: data[i].label,\r\n        value: data[i].value,\r\n        label: {\r\n            show: true,\r\n            position: \"bottom\",\r\n            distance: 60,\r\n            color: barColorList[i],\r\n            fontSize: 40\r\n        },\r\n        itemStyle: {\r\n            color: new this.$echarts.graphic.LinearGradient(\r\n                0, 0, 0, 1,\r\n                [{\r\n                    offset: 0,\r\n                    color: barColorList[i]\r\n                }, {\r\n                    offset: 1,\r\n                    color: colorBottomList[i]\r\n                }]\r\n            )\r\n\r\n        }\r\n    })\r\n}\r\n//顶部框数值\r\n\r\n\r\nlet option = {\r\n    xAxis: [{\r\n        data: xAxisData,\r\n        axisTick: {\r\n            show: false\r\n        },\r\n        axisLine: {\r\n            show: false\r\n        },\r\n        axisLabel: {\r\n            show: true,\r\n            margin: 30,\r\n            fontSize: 20,\r\n            color: \"#707FB3\"\r\n        }\r\n    }],\r\n    yAxis: {\r\n        splitLine: {\r\n            show: false\r\n        },\r\n        axisTick: {\r\n            show: false\r\n        },\r\n        axisLine: {\r\n            show: false\r\n        },\r\n        axisLabel: {\r\n            show: false\r\n        }\r\n    },\r\n    grid: {\r\n        show: false,\r\n        height: 200,\r\n        bottom:'19%',\r\n    },\r\n    series: [{\r\n            name: \"左边\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [\"50%\", \"100%\"],\r\n            symbolOffset: [-70, 20],\r\n            barWidth: 100,\r\n            silent: true,\r\n            z: 12,\r\n            symbol: symbols[0],\r\n            data: leftAndRightData\r\n        },\r\n        {\r\n            name: \"右边\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [\"50%\", \"100%\"],\r\n            symbolOffset: [-20, 20],\r\n            barWidth: 100,\r\n            silent: true,\r\n            z: 12,\r\n            symbol: symbols[1],\r\n            data: leftAndRightData\r\n        },\r\n        // //菱形顶部框\r\n        {\r\n            name: \"\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [100, 40],\r\n            symbolOffset: [0, 0],\r\n            silent: true,\r\n            symbol: symbols[2],\r\n            data: topBorderData\r\n        },\r\n\r\n        // // //菱形底部实体\r\n        {\r\n            name: \"\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [101, 38],\r\n            symbolOffset: [0, 20],\r\n            silent: true,\r\n            z: 12,\r\n            symbol: symbols[2],\r\n            data: bottomBorderData\r\n        },\r\n        // // //菱形顶部实体\r\n        {\r\n            name: \"\",\r\n            type:\"pictorialBar\",\r\n            symbolSize: [99, 45],\r\n            symbolOffset: [0, -23],\r\n            z: 16,\r\n            silent: true,\r\n            symbol: symbols[2],\r\n            data: topData,\r\n             animationDuration: 1000,\r\n            animationDelay: function (idx) {\r\n    // 越往后的数据延迟越大\r\n    return idx * 500;\r\n}\r\n        },\r\n\r\n        // // //柱形实体\r\n        {\r\n            type: \"bar\",\r\n            silent: true,\r\n            barWidth: 100,\r\n            barGap: \"-100%\",\r\n            z: 13,\r\n            data: barData,\r\n            animationDuration: 1000,\r\n            animationDelay: function (idx) {\r\n    // 越往后的数据延迟越大\r\n    return idx * 500;\r\n}\r\n        }\r\n\r\n\r\n    ]\r\n}\r\n\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawBar()\r\n    }\r\n}\r\n",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"avgChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n    <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props:{\r\n        list:Array,\r\n        default(){\r\n            return[]\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            \r\n        }\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            // console.log(this.$refs.barChart,'11111');\r\n            let myChart = this.$echarts.init(this.$refs.barChart)\r\n            const symbols = [\r\n    \"path://M66.1,35.7L100,49.8v128.7l-33.9-12.7L66.1,35.7z\", //左边\r\n    \"path://M133.9,35.7L100,49.8v128.7l33.9-12.7V35.7z\", //右边\r\n    \"path://M66.1,35.7L100,21.5l33.9,14.1L100,49.8L66.1,35.7z\", //菱形\r\n]\r\n//源数据\r\nconst data = [{\r\n    label: \"最大值\",\r\n    value: 500\r\n}, {\r\n    label: \"平均值\",\r\n    value: 400\r\n}, {\r\n    label: \"最小值\",\r\n    value: 200\r\n},{\r\n    label: \"中间值\",\r\n    value: 200\r\n}]\r\n//数据最大值（需要结合源数据取最大值过程不在此编写，可使用lodash）\r\nconst maxData = 1000;\r\n//横坐标数值\r\nconst xAxisData = data.map((e) => {\r\n    return e.label\r\n})\r\n//图形颜色\r\nconst colorList = [\"#5f55ed59\", \"#f8954359\", \"#47d69d59\",\"#F9F1EA\"]\r\n//图形边框颜色\r\nconst borderColorList = [\"#5f55ed\", \"#f89543\", \"#47d69d\",\"#C1AE9E\"]\r\n//图形顶部颜色\r\nconst colorTopList = [\"#5571f659\", \"#f1d57759\", \"#3fdfc159\",\"#F3DFCD\"]\r\n//图形顶部框颜色 \r\nconst colorBorderTopList = [\"#5f55ed\", \"#fd7d3d\", \"#25cd75\",\"#C1AE9E\"]\r\n//图形底部颜色\r\nconst colorBottomList = [\"#437ffa\", \"#fee266\", \"#35c9c7\",\"#F3DFCD\"]\r\n//图形实体顶部颜色\r\nconst topColorList = [\"#5571f6\", \"#f1d577\", \"#3fdfc1\",\"#F3DFCD\"]\r\n//图形柱体颜色\r\nconst barColorList = [\"#7148ea\", \"#fd7d3d\", \"#25cd75\",\"#BFA188\"]\r\n//左右框数值\r\nconst leftAndRightData = []\r\n//顶部框数值\r\nconst topBorderData = []\r\n//底部框数值\r\nconst bottomBorderData = []\r\n//顶部实体数值\r\nconst topData = []\r\n//图形柱体数值\r\nconst barData = []\r\nfor (var i = 0; i < data.length; i++) {\r\n    leftAndRightData.push({\r\n        name: data[i].label,\r\n        value: maxData,\r\n\r\n        itemStyle: {\r\n            color: colorList[i],\r\n            borderColor: borderColorList[i]\r\n        }\r\n    })\r\n    topBorderData.push({\r\n        name: data[i].label,\r\n        value: maxData,\r\n        symbolPosition: \"end\",\r\n        itemStyle: {\r\n            color: colorTopList[i],\r\n            borderColor: colorBorderTopList[i]\r\n        }\r\n    })\r\n    bottomBorderData.push({\r\n        name: data[i].label,\r\n        value: maxData,\r\n        itemStyle: {\r\n            color: colorBottomList[i]\r\n        }\r\n    })\r\n    topData.push({\r\n        name: data[i].label,\r\n        value: data[i].value,\r\n        symbolPosition: \"end\",\r\n        itemStyle: {\r\n            color: topColorList[i]\r\n        }\r\n    })\r\n    barData.push({\r\n        name: data[i].label,\r\n        value: data[i].value,\r\n        label: {\r\n            show: true,\r\n            position: \"bottom\",\r\n            distance: 60,\r\n            color: barColorList[i],\r\n            fontSize: 40\r\n        },\r\n        itemStyle: {\r\n            color: new this.$echarts.graphic.LinearGradient(\r\n                0, 0, 0, 1,\r\n                [{\r\n                    offset: 0,\r\n                    color: barColorList[i]\r\n                }, {\r\n                    offset: 1,\r\n                    color: colorBottomList[i]\r\n                }]\r\n            )\r\n\r\n        }\r\n    })\r\n}\r\n//顶部框数值\r\n\r\n\r\nlet option = {\r\n    xAxis: [{\r\n        data: xAxisData,\r\n        axisTick: {\r\n            show: false\r\n        },\r\n        axisLine: {\r\n            show: false\r\n        },\r\n        axisLabel: {\r\n            show: true,\r\n            margin: 30,\r\n            fontSize: 20,\r\n            color: \"#707FB3\"\r\n        }\r\n    }],\r\n    yAxis: {\r\n        splitLine: {\r\n            show: false\r\n        },\r\n        axisTick: {\r\n            show: false\r\n        },\r\n        axisLine: {\r\n            show: false\r\n        },\r\n        axisLabel: {\r\n            show: false\r\n        }\r\n    },\r\n    grid: {\r\n        show: false,\r\n        height: 200,\r\n        bottom:'19%',\r\n    },\r\n    series: [{\r\n            name: \"左边\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [\"50%\", \"100%\"],\r\n            symbolOffset: [-70, 20],\r\n            barWidth: 100,\r\n            silent: true,\r\n            z: 12,\r\n            symbol: symbols[0],\r\n            data: leftAndRightData\r\n        },\r\n        {\r\n            name: \"右边\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [\"50%\", \"100%\"],\r\n            symbolOffset: [-20, 20],\r\n            barWidth: 100,\r\n            silent: true,\r\n            z: 12,\r\n            symbol: symbols[1],\r\n            data: leftAndRightData\r\n        },\r\n        // //菱形顶部框\r\n        {\r\n            name: \"\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [100, 40],\r\n            symbolOffset: [0, 0],\r\n            silent: true,\r\n            symbol: symbols[2],\r\n            data: topBorderData\r\n        },\r\n\r\n        // // //菱形底部实体\r\n        {\r\n            name: \"\",\r\n            type: \"pictorialBar\",\r\n            symbolSize: [101, 38],\r\n            symbolOffset: [0, 20],\r\n            silent: true,\r\n            z: 12,\r\n            symbol: symbols[2],\r\n            data: bottomBorderData\r\n        },\r\n        // // //菱形顶部实体\r\n        {\r\n            name: \"\",\r\n            type:\"pictorialBar\",\r\n            symbolSize: [99, 45],\r\n            symbolOffset: [0, -23],\r\n            z: 16,\r\n            silent: true,\r\n            symbol: symbols[2],\r\n            data: topData,\r\n             animationDuration: 1000,\r\n            animationDelay: function (idx) {\r\n    // 越往后的数据延迟越大\r\n    return idx * 500;\r\n}\r\n        },\r\n\r\n        // // //柱形实体\r\n        {\r\n            type: \"bar\",\r\n            silent: true,\r\n            barWidth: 100,\r\n            barGap: \"-100%\",\r\n            z: 13,\r\n            data: barData,\r\n            animationDuration: 1000,\r\n            animationDelay: function (idx) {\r\n    // 越往后的数据延迟越大\r\n    return idx * 500;\r\n}\r\n        }\r\n\r\n\r\n    ]\r\n}\r\n\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawBar()\r\n    }\r\n}\r\n</script>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props: {\r\n        list: Array,\r\n        default() {\r\n            return [];\r\n        }\r\n    },\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            let myChart = this.$echarts.init(this.$refs.barChart);\r\n            let chartData = [{ stage: '值', number: 40 }];\r\n            let option = {\r\n                color: ['#0EECE4'],\r\n                tooltip: {\r\n                    // trigger: 'axis',\r\n                    confine: true\r\n                    // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n                    //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n                    //   lineStyle: {\r\n                    //     color: 'transparent',\r\n                    //   },\r\n                    // },\r\n                },\r\n                grid: {\r\n                    left: '0%',\r\n                    right: '0%',\r\n                    bottom: '10%',\r\n                    top: '15%',\r\n                    z: 22\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        gridIndex: 0,\r\n                        data: chartData.map((item) => item.stage),\r\n                        axisLine: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                yAxis: {\r\n                    type: 'value',\r\n                    splitArea: { show: false },\r\n                    gridIndex: 0,\r\n                    min: 0,\r\n                    splitNumber: 12,\r\n                    splitLine: {\r\n                        show: false\r\n                    },\r\n                    axisLine: {\r\n                        show: false\r\n                    },\r\n                    axisTick: {\r\n                        show: false\r\n                    },\r\n                    axisLabel: {\r\n                        show: false\r\n                    },\r\n                    max: 200\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '平均值',\r\n                        type: 'bar',\r\n                        stack: 'val',\r\n                        barWidth: 150,\r\n                        xAxisIndex: 0,\r\n                        yAxisIndex: 0,\r\n                        label: {\r\n                            show: true,\r\n                            position: 'right',\r\n                            // align: 'right',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[avg]'\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#DF8414'\r\n                        },\r\n                        data: [40],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '中间值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        // xAxisIndex: 0,\r\n                        // yAxisIndex: 0,\r\n                        stack: 'val',\r\n                        label: {\r\n                            show: true,\r\n                            position: 'left',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            // align: 'left',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[med]',\r\n                            rich: {}\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#0E76AF'\r\n                        },\r\n                        data: [60],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '最小值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [0],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'bottom',\r\n                            distance: 10,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[min]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    },\r\n                    {\r\n                        name: '最大值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [200],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'top',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[max]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    }\r\n                ]\r\n            };\r\n\r\n            myChart.setOption(option);\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawBar();\r\n    }\r\n};\r\n",{"version":3,"sources":["avgChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"avgChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props: {\r\n        list: Array,\r\n        default() {\r\n            return [];\r\n        }\r\n    },\r\n    data() {\r\n        return {};\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            let myChart = this.$echarts.init(this.$refs.barChart);\r\n            let chartData = [{ stage: '值', number: 40 }];\r\n            let option = {\r\n                color: ['#0EECE4'],\r\n                tooltip: {\r\n                    // trigger: 'axis',\r\n                    confine: true\r\n                    // axisPointer: { // 坐标轴指示器，坐标轴触发有效\r\n                    //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'\r\n                    //   lineStyle: {\r\n                    //     color: 'transparent',\r\n                    //   },\r\n                    // },\r\n                },\r\n                grid: {\r\n                    left: '0%',\r\n                    right: '0%',\r\n                    bottom: '10%',\r\n                    top: '15%',\r\n                    z: 22\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        gridIndex: 0,\r\n                        data: chartData.map((item) => item.stage),\r\n                        axisLine: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                yAxis: {\r\n                    type: 'value',\r\n                    splitArea: { show: false },\r\n                    gridIndex: 0,\r\n                    min: 0,\r\n                    splitNumber: 12,\r\n                    splitLine: {\r\n                        show: false\r\n                    },\r\n                    axisLine: {\r\n                        show: false\r\n                    },\r\n                    axisTick: {\r\n                        show: false\r\n                    },\r\n                    axisLabel: {\r\n                        show: false\r\n                    },\r\n                    max: 200\r\n                },\r\n                series: [\r\n                    {\r\n                        name: '平均值',\r\n                        type: 'bar',\r\n                        stack: 'val',\r\n                        barWidth: 150,\r\n                        xAxisIndex: 0,\r\n                        yAxisIndex: 0,\r\n                        label: {\r\n                            show: true,\r\n                            position: 'right',\r\n                            // align: 'right',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[avg]'\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#DF8414'\r\n                        },\r\n                        data: [40],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '中间值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        // xAxisIndex: 0,\r\n                        // yAxisIndex: 0,\r\n                        stack: 'val',\r\n                        label: {\r\n                            show: true,\r\n                            position: 'left',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            // align: 'left',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[med]',\r\n                            rich: {}\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#0E76AF'\r\n                        },\r\n                        data: [60],\r\n                        zlevel: 11\r\n                    },\r\n                    {\r\n                        name: '最小值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [0],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'bottom',\r\n                            distance: 10,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[min]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    },\r\n                    {\r\n                        name: '最大值',\r\n                        type: 'bar',\r\n                        barWidth: 150,\r\n                        barGap: '-100%',\r\n                        data: [200],\r\n                        label: {\r\n                            show: true,\r\n                            position: 'top',\r\n                            distance: 15,\r\n                            color: '#000',\r\n                            fontSize: 17,\r\n                            formatter: '{c}' + '[max]'\r\n                        },\r\n                        tooltip: {\r\n                            backgroundColor: 'transparent',\r\n                            formatter: ' '\r\n                        },\r\n                        itemStyle: {\r\n                            color: '#ABA7A7'\r\n                        },\r\n                        zlevel: 9\r\n                    }\r\n                ]\r\n            };\r\n\r\n            myChart.setOption(option);\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawBar();\r\n    }\r\n};\r\n</script>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b51108366f89898af071424d71606bba.json b/node_modules/.cache/vue-loader/b51108366f89898af071424d71606bba.json
new file mode 100644
index 00000000..b56768e6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b51108366f89898af071424d71606bba.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673592982569},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\"\nimport script from \"./congestionChart.vue?vue&type=script&lang=js&\"\nexport * from \"./congestionChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4a9ff109\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('4a9ff109')) {\n      api.createRecord('4a9ff109', component.options)\n    } else {\n      api.reload('4a9ff109', component.options)\n    }\n    module.hot.accept(\"./congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&\", function () {\n      api.rerender('4a9ff109', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/congestionChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b54197de6c4c50dc91acbbe6684b4f9e.json b/node_modules/.cache/vue-loader/b54197de6c4c50dc91acbbe6684b4f9e.json
new file mode 100644
index 00000000..1046aef6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b54197de6c4c50dc91acbbe6684b4f9e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      value: 25\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["test1-4.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA;AACA","file":"test1-4.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 4 </p>\r\n    <div class=\"test-div\">\r\n      <span>自定义初始值 {{ value }}</span>\r\n      <el-slider v-model=\"value\" style=\"width:50%;\"></el-slider>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      value: 25\r\n    }\r\n  }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b569e806147251f1223c47ac7416bffa.json b/node_modules/.cache/vue-loader/b569e806147251f1223c47ac7416bffa.json
new file mode 100644
index 00000000..3b4383f9
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b569e806147251f1223c47ac7416bffa.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Login.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=6896dfe2&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=6896dfe2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6896dfe2\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6896dfe2')) {\n      api.createRecord('6896dfe2', component.options)\n    } else {\n      api.reload('6896dfe2', component.options)\n    }\n    module.hot.accept(\"./Login.vue?vue&type=template&id=6896dfe2&scoped=true&\", function () {\n      api.rerender('6896dfe2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/Login.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b5af6869c8296bb22b0027306289fd34.json b/node_modules/.cache/vue-loader/b5af6869c8296bb22b0027306289fd34.json
index 725b5eca..ca35ef43 100644
--- a/node_modules/.cache/vue-loader/b5af6869c8296bb22b0027306289fd34.json
+++ b/node_modules/.cache/vue-loader/b5af6869c8296bb22b0027306289fd34.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-tabs\",\n          {\n            attrs: { type: \"border-card\" },\n            model: {\n              value: _vm.activeName,\n              callback: function($$v) {\n                _vm.activeName = $$v\n              },\n              expression: \"activeName\"\n            }\n          },\n          [\n            _c(\"el-tab-pane\", { attrs: { label: \"xx路口\", name: \"first\" } }, [\n              _c(\n                \"div\",\n                {\n                  staticStyle: {\n                    width: \"75%\",\n                    height: \"900px\",\n                    display: \"inline-block\",\n                    border: \"1px soild #eee\"\n                  }\n                },\n                [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\"\n                    }\n                  })\n                ]\n              ),\n              _c(\n                \"div\",\n                {\n                  staticStyle: {\n                    width: \"20%\",\n                    height: \"100%\",\n                    display: \"inline-block\",\n                    border: \"1px soild #eee\",\n                    padding: \"15px\"\n                  }\n                },\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.dialogFormVisible = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"断面组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.areaComponent = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"区域组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.trajectory = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"轨迹组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.speed = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"速度组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.flow = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"流量组件\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"车头时距\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"排队数\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"检测数\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"延误\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          _vm.indexModule = true\n                        }\n                      }\n                    },\n                    [_vm._v(\"拥堵\")]\n                  )\n                ],\n                1\n              )\n            ]),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"数据看板\", name: \"second\" } },\n              [_c(\"dataBoard\", { attrs: { activeName: _vm.activeName } })],\n              1\n            ),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"分析配置\", name: \"third\" } },\n              [_c(\"analysisConfiguration\")],\n              1\n            ),\n            _c(\n              \"el-tab-pane\",\n              { attrs: { label: \"分析状态\", name: \"fourth\" } },\n              [_c(\"editModal\")],\n              1\n            ),\n            _c(\"el-tab-pane\", { attrs: { label: \"存储\", name: \"five\" } }, [\n              _vm._v(\"存储\")\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"断面组件配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.form, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"断面名称\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.form.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"name\", $$v)\n                        },\n                        expression: \"form.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"断面方向\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择类型\" },\n                        model: {\n                          value: _vm.form.region,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"region\", $$v)\n                          },\n                          expression: \"form.region\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"正向\", value: \"car\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"方向\", value: \"bus\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"双向\", value: \"kache\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"区域组件配置\",\n              width: \"40%\",\n              visible: _vm.areaComponent\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.areaComponent = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.areaComponentform, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"区域名称\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.areaComponentform.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.areaComponentform, \"name\", $$v)\n                        },\n                        expression: \"areaComponentform.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"轨迹组件配置\",\n              width: \"40%\",\n              visible: _vm.trajectory\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.trajectory = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.trackForm, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"轨迹名称：\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.trackForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.trackForm, \"name\", $$v)\n                        },\n                        expression: \"trackForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-dialog\",\n          {\n            attrs: { title: \"速度组件配置\", width: \"40%\", visible: _vm.speed },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.speed = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                attrs: { model: _vm.speedForm, \"label-width\": \"80px\" }\n              },\n              [\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"速度组件名称：\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.name,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"name\", $$v)\n                        },\n                        expression: \"speedForm.name\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"数值筛选：\" } },\n                  [\n                    _c(\"el-input\", {\n                      model: {\n                        value: _vm.speedForm.num,\n                        callback: function($$v) {\n                          _vm.$set(_vm.speedForm, \"num\", $$v)\n                        },\n                        expression: \"speedForm.num\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"时间模式：\" } },\n                  [\n                    _c(\n                      \"el-select\",\n                      {\n                        attrs: { placeholder: \"请选择时间模式\" },\n                        model: {\n                          value: _vm.speedForm.timeModel,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"timeModel\", $$v)\n                          },\n                          expression: \"speedForm.timeModel\"\n                        }\n                      },\n                      [\n                        _c(\"el-option\", {\n                          attrs: { label: \"触发\", value: \"touch\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期时刻\", value: \"timeing\" }\n                        }),\n                        _c(\"el-option\", {\n                          attrs: { label: \"周期统计\", value: \"date\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.speedForm.timeModel == \"touch\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"触发类型：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.speedForm.touchType,\n                              callback: function($$v) {\n                                _vm.$set(_vm.speedForm, \"touchType\", $$v)\n                              },\n                              expression: \"speedForm.touchType\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"实时（触发）\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"间隔\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.speedForm.timeModel == \"timeing\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时刻：\" } },\n                      [\n                        _c(\"el-slider\", {\n                          attrs: { \"show-input\": \"\" },\n                          model: {\n                            value: _vm.speedForm.time,\n                            callback: function($$v) {\n                              _vm.$set(_vm.speedForm, \"time\", $$v)\n                            },\n                            expression: \"speedForm.time\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.speedForm.timeModel == \"date\"\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时间：\" } },\n                      [\n                        _c(\"el-date-picker\", {\n                          attrs: {\n                            type: \"datetimerange\",\n                            \"range-separator\": \"至\",\n                            \"start-placeholder\": \"开始日期\",\n                            \"end-placeholder\": \"结束日期\"\n                          },\n                          model: {\n                            value: _vm.speedForm.date,\n                            callback: function($$v) {\n                              _vm.$set(_vm.speedForm, \"date\", $$v)\n                            },\n                            expression: \"speedForm.date\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _c(\n                  \"el-form-item\",\n                  { attrs: { label: \"展现形式：\" } },\n                  [\n                    _c(\n                      \"el-checkbox-group\",\n                      {\n                        model: {\n                          value: _vm.speedForm.type,\n                          callback: function($$v) {\n                            _vm.$set(_vm.speedForm, \"type\", $$v)\n                          },\n                          expression: \"speedForm.type\"\n                        }\n                      },\n                      [\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"数值\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"表格\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"时间曲线图\", name: \"type\" }\n                        }),\n                        _c(\"el-checkbox\", {\n                          attrs: { label: \"均值图\", name: \"type\" }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: { click: _vm.onSubmit }\n                      },\n                      [_vm._v(\"确认\")]\n                    ),\n                    _c(\n                      \"el-button\",\n                      {\n                        on: {\n                          click: function($event) {\n                            _vm.dialogFormVisible = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"取消\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"content-box\" },\n    [\n      _c(\n        \"div\",\n        [\n          _c(\n            \"el-tabs\",\n            {\n              attrs: { type: \"border-card\" },\n              model: {\n                value: _vm.activeName,\n                callback: function($$v) {\n                  _vm.activeName = $$v\n                },\n                expression: \"activeName\"\n              }\n            },\n            [\n              _c(\"el-tab-pane\", { attrs: { label: \"xx路口\", name: \"first\" } }, [\n                _c(\"div\", { staticClass: \"mapModuleApp\" }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\",\n                      scrolling: \"no\"\n                    }\n                  })\n                ])\n              ]),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"数据看板\", name: \"second\" } },\n                [_c(\"dataBoard\", { attrs: { activeName: _vm.activeName } })],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析配置\", name: \"third\" } },\n                [_c(\"analysisConfiguration\")],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析状态\", name: \"fourth\" } },\n                [_c(\"editModal\")],\n                1\n              ),\n              _c(\"el-tab-pane\", { attrs: { label: \"存储\", name: \"five\" } }, [\n                _vm._v(\"存储\")\n              ])\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-drawer\",\n        {\n          directives: [\n            {\n              name: \"alterELDialogMarginTop\",\n              rawName: \"v-alterELDialogMarginTop\",\n              value: { marginTop: \"0vh\" },\n              expression: \"{marginTop:'0vh'}\"\n            }\n          ],\n          ref: \"drawer\",\n          staticClass: \"new-dialog\",\n          attrs: {\n            visible: _vm.dialogFormVisible,\n            direction: \"btt\",\n            \"custom-class\": \"demo-drawer\",\n            modal: false,\n            \"close-on-click-modal\": false,\n            customClass: \"customWidth\",\n            width: \"100%\",\n            wrapperClosable: false,\n            \"with-header\": false\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogFormVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"formBox\" },\n            [\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.form,\n                    \"label-width\": \"80px\",\n                    inline: true\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"组件名称\" } },\n                    [\n                      _c(\"el-input\", {\n                        model: {\n                          value: _vm.form.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"name\", $$v)\n                          },\n                          expression: \"form.name\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.form.type == \"断面\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"断面方向\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择类型\" },\n                              model: {\n                                value: _vm.form.Direction,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.form, \"Direction\", $$v)\n                                },\n                                expression: \"form.Direction\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"正向\", value: \"正向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"反向\", value: \"反向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"双向\", value: \"双向\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-form-item\",\n                    [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"primary\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.onSubmit(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"确认\")]\n                      ),\n                      _c(\n                        \"el-button\",\n                        {\n                          on: {\n                            click: function($event) {\n                              return _vm.closeFigure(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"取消\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ]\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: _vm.componentTitle + \"指标组件\",\n            width: \"40%\",\n            visible: _vm.component\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.component = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.componentForm, \"label-width\": \"150px\" },\n              on: {\n                close: function($event) {\n                  return _vm.closeComponentForm()\n                }\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"名称：\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.componentForm.componentName,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"componentName\", $$v)\n                      },\n                      expression: \"componentForm.componentName\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"类型\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"类型筛选：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          model: {\n                            value: _vm.componentForm.typeFiltering,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"typeFiltering\", $$v)\n                            },\n                            expression: \"componentForm.typeFiltering\"\n                          }\n                        },\n                        _vm._l(_vm.typeData, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            { key: item, attrs: { label: item } },\n                            [_vm._v(_vm._s(item))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"数值筛选：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        model: {\n                          value: _vm.componentForm.startValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"startValue\", $$v)\n                          },\n                          expression: \"componentForm.startValue\"\n                        }\n                      }),\n                      _c(\"el-input-number\", {\n                        staticStyle: { \"margin-left\": \"5%\" },\n                        model: {\n                          value: _vm.componentForm.endValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"endValue\", $$v)\n                          },\n                          expression: \"componentForm.endValue\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"时间模式：\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择时间模式\" },\n                      model: {\n                        value: _vm.componentForm.timeMode,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"timeMode\", $$v)\n                        },\n                        expression: \"componentForm.timeMode\"\n                      }\n                    },\n                    [\n                      _c(\"el-option\", {\n                        attrs: { label: \"触发\", value: \"touch\" }\n                      }),\n                      _vm.componentForm.componentType != \"排队数\" &&\n                      _vm.componentForm.componentType != \"检测数\" &&\n                      _vm.componentForm.componentType != \"延误\" &&\n                      _vm.componentForm.componentType != \"拥堵\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期时刻\", value: \"timeing\" }\n                          })\n                        : _vm._e(),\n                      _vm.componentForm.componentType != \"OD\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期统计\", value: \"date\" }\n                          })\n                        : _vm._e()\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"周期间隔：\" } },\n                [\n                  _c(\"el-slider\", {\n                    model: {\n                      value: _vm.componentForm.cycleInterval,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"cycleInterval\", $$v)\n                      },\n                      expression: \"componentForm.cycleInterval\"\n                    }\n                  }),\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择单位\" },\n                      model: {\n                        value: _vm.componentForm.company,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"company\", $$v)\n                        },\n                        expression: \"componentForm.company\"\n                      }\n                    },\n                    _vm._l(_vm.timeSelect, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"起点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedStartSection },\n                          model: {\n                            value: _vm.componentForm.startSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"startSection\", $$v)\n                            },\n                            expression: \"componentForm.startSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"终点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedendSection },\n                          model: {\n                            value: _vm.componentForm.endSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"endSection\", $$v)\n                            },\n                            expression: \"componentForm.endSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"展现形式：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handlePresentation },\n                          model: {\n                            value: _vm.componentForm.presentation,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"presentation\", $$v)\n                            },\n                            expression: \"componentForm.presentation\"\n                          }\n                        },\n                        [\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"数值\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"表格\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"时间曲线图\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"直方图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"饼状图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"均值图\", name: \"type\" }\n                              })\n                            : _vm._e()\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.onSubmitComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          return _vm.closeComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b5f554cc81b89fa3c345f3b4b0ff4490.json b/node_modules/.cache/vue-loader/b5f554cc81b89fa3c345f3b4b0ff4490.json
new file mode 100644
index 00000000..940c317d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b5f554cc81b89fa3c345f3b4b0ff4490.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue?vue&type=style&index=1&id=ecdd0f0a&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__label{\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n/deep/ .el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.container{\r\n  width: 100%;\r\n  height: 100%;\r\n  p{\r\n    width: 95%;\r\n    font-size: 25px;\r\n    text-align: left;\r\n    border-bottom: 1px solid black;\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n",{"version":3,"sources":["AboutMachine.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AboutMachine.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\" >\r\n      <p>主机</p>\r\n      <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"sizeForm.date1\" style=\"width: 50%;\" autocomplete=\"off\" ></el-date-picker>\r\n        <!-- </el-col> -->\r\n        <!-- <el-col :span=\"2\"> -->\r\n          <el-button type=\"primary\" style=\"margin-left:10px\" size=\"small\">自动校验</el-button>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <p>备份&恢复</p>\r\n      <el-form-item label=\"备份服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" size=\"small\">备份</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"3\">\r\n          <el-button type=\"primary\" disabled size=\"small\">备份</el-button>\r\n        </el-col>\r\n        <el-col :span=\"4\">\r\n          <el-upload\r\n            class=\"upload-demo\"\r\n            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n            :on-preview=\"handlePreview\"\r\n            :on-remove=\"handleRemove\"\r\n            :before-remove=\"beforeRemove\"\r\n            multiple\r\n            :limit=\"3\"\r\n            :on-exceed=\"handleExceed\"\r\n            :file-list=\"fileList\">\r\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n          </el-upload>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>出厂默认值</p>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleReset()\" size=\"small\">重置默认值</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>重新启动</p>\r\n      <el-form-item label=\"重新启动系统：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">重新启动</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n        formLabelWidth: '120px',\r\n      sizeForm: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        fileList:[]\r\n    }\r\n  },\r\n  methods:{\r\n    handleagain(){\r\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消'\r\n          });          \r\n        });\r\n    },\r\n    handleReset(){\r\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消重置'\r\n          });          \r\n        });\r\n    },\r\n    handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n/deep/ .el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.container{\r\n  width: 100%;\r\n  height: 100%;\r\n  p{\r\n    width: 95%;\r\n    font-size: 25px;\r\n    text-align: left;\r\n    border-bottom: 1px solid black;\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b60cc899c520019357f453e2e813ee96.json b/node_modules/.cache/vue-loader/b60cc899c520019357f453e2e813ee96.json
new file mode 100644
index 00000000..a1536ae9
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b60cc899c520019357f453e2e813ee96.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673593138887},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\"\nimport script from \"./headWayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./headWayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3a3b80e6\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3a3b80e6')) {\n      api.createRecord('3a3b80e6', component.options)\n    } else {\n      api.reload('3a3b80e6', component.options)\n    }\n    module.hot.accept(\"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\", function () {\n      api.rerender('3a3b80e6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/headWayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b60fdd67ff2ff5a4a015407171e8ad47.json b/node_modules/.cache/vue-loader/b60fdd67ff2ff5a4a015407171e8ad47.json
new file mode 100644
index 00000000..c3eb61ac
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b60fdd67ff2ff5a4a015407171e8ad47.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue","mtime":1673314902485},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n          \r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='type' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='plate' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        \r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"断面名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间序号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"断面流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"入流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"出流平均速度\"></el-table-column>\r\n           \r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b67e6528e6ef9c5d987eabe7b2dc090b.json b/node_modules/.cache/vue-loader/b67e6528e6ef9c5d987eabe7b2dc090b.json
index ddd68659..5c465eb3 100644
--- a/node_modules/.cache/vue-loader/b67e6528e6ef9c5d987eabe7b2dc090b.json
+++ b/node_modules/.cache/vue-loader/b67e6528e6ef9c5d987eabe7b2dc090b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673315139852},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  类型组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\"/>\r\n                <pieChart />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue'\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart,\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:35.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:70.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                },\r\n                {\r\n                    steam_id:0,\r\n                    timestamp:'2022-10-01 09:15:10.156',\r\n                    obj_id:125,\r\n                    type:'car',\r\n                    plate:'苏A0131M',\r\n                    speed:60.2,\r\n                    event:'in',\r\n                    lane:0,\r\n                    headWay:6.5,\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673518315417},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4LA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <pieChart :pageType=\"pageType\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '类型组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b6bea3dd83753b0cf9dd84d413dbad2d.json b/node_modules/.cache/vue-loader/b6bea3dd83753b0cf9dd84d413dbad2d.json
new file mode 100644
index 00000000..d0033092
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b6bea3dd83753b0cf9dd84d413dbad2d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue?vue&type=template&id=599a5f81&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"我的账号\")]),\n        _c(\n          \"el-form\",\n          {\n            attrs: {\n              \"label-position\": \"left\",\n              \"label-width\": \"60px\",\n              model: _vm.formLabelAlign\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"名称：\" } }, [\n              _vm._v(\n                \"\\n        \" + _vm._s(_vm.formLabelAlign.name) + \"\\n      \"\n              )\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"账号：\" } }, [\n              _vm._v(\n                \"\\n        \" + _vm._s(_vm.formLabelAlign.account) + \"\\n      \"\n              )\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"密码：\" } }, [\n              _vm._v(\n                \"\\n        \" + _vm._s(_vm.formLabelAlign.password) + \"\\n      \"\n              )\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b71eb197739f4d411a4831b58ade2a6a.json b/node_modules/.cache/vue-loader/b71eb197739f4d411a4831b58ade2a6a.json
new file mode 100644
index 00000000..44f3454b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b71eb197739f4d411a4831b58ade2a6a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue?vue&type=template&id=431f3506&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n\n  <el-aside>\n    <SideMenu :itemList=\"itemList\"></SideMenu>\n  </el-aside>\n  <el-main>\n    <router-view></router-view>\n  </el-main>\n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b7715a2314eff66add55a6e8ed92731c.json b/node_modules/.cache/vue-loader/b7715a2314eff66add55a6e8ed92731c.json
index 4e74146d..cd675b1b 100644
--- a/node_modules/.cache/vue-loader/b7715a2314eff66add55a6e8ed92731c.json
+++ b/node_modules/.cache/vue-loader/b7715a2314eff66add55a6e8ed92731c.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwOA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n    <!-- </div> -->\r\n     \r\n    \r\n\r\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\r\n     <!-- <el-container> -->\r\n        <div class=\"header\" >\r\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\r\n      <!-- 水平一级菜单 -->\r\n      <div style=\"float:left;\">\r\n        <!-- <el-menu \r\n          mode=\"horizontal\"\r\n          text-color=\"#000000\"\r\n          active-text-color=\"#3989fa\"\r\n          :default-active=\"toIndex\" \r\n          @select=\"handleSelect\">\r\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\r\n            <span slot=\"title\">{{ item.title }}</span>\r\n          </el-menu-item>\r\n        </el-menu> -->\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n   background: url('../../assets/img/leftBg.png'); \r\n    max-height: 1000px;\r\n    background-size: 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n   .aside{\n    overflow-y: scroll;\n    overflow-x: hidden;\n    background: url('../../assets/img/leftBg.png'); \n    max-height: 100%;\n    background-size: 100% 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoNA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n        <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n        <div class=\"header\" >\r\n      <!-- 水平一级菜单 -->\r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: '/test1/AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: '/test1/AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: '/test1/network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: '/test1/VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: '/test1/CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: '/test1/HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: '/test1/StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: '/test1/interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: '/test1/IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: '/test1/globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: '/test1/ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: '/test1/ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: '/test1/InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: '/test1/UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: '/test1/myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: '/test1/IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: '/test1/logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    background: url('../../assets/img/leftBg.png'); \r\n    max-height: 100%;\r\n    background-size: 100% 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b93ef8eb929b8dabccae63849b4b15cb.json b/node_modules/.cache/vue-loader/b93ef8eb929b8dabccae63849b4b15cb.json
new file mode 100644
index 00000000..ca35ef43
--- /dev/null
+++ b/node_modules/.cache/vue-loader/b93ef8eb929b8dabccae63849b4b15cb.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"content-box\" },\n    [\n      _c(\n        \"div\",\n        [\n          _c(\n            \"el-tabs\",\n            {\n              attrs: { type: \"border-card\" },\n              model: {\n                value: _vm.activeName,\n                callback: function($$v) {\n                  _vm.activeName = $$v\n                },\n                expression: \"activeName\"\n              }\n            },\n            [\n              _c(\"el-tab-pane\", { attrs: { label: \"xx路口\", name: \"first\" } }, [\n                _c(\"div\", { staticClass: \"mapModuleApp\" }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\",\n                      scrolling: \"no\"\n                    }\n                  })\n                ])\n              ]),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"数据看板\", name: \"second\" } },\n                [_c(\"dataBoard\", { attrs: { activeName: _vm.activeName } })],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析配置\", name: \"third\" } },\n                [_c(\"analysisConfiguration\")],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析状态\", name: \"fourth\" } },\n                [_c(\"editModal\")],\n                1\n              ),\n              _c(\"el-tab-pane\", { attrs: { label: \"存储\", name: \"five\" } }, [\n                _vm._v(\"存储\")\n              ])\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-drawer\",\n        {\n          directives: [\n            {\n              name: \"alterELDialogMarginTop\",\n              rawName: \"v-alterELDialogMarginTop\",\n              value: { marginTop: \"0vh\" },\n              expression: \"{marginTop:'0vh'}\"\n            }\n          ],\n          ref: \"drawer\",\n          staticClass: \"new-dialog\",\n          attrs: {\n            visible: _vm.dialogFormVisible,\n            direction: \"btt\",\n            \"custom-class\": \"demo-drawer\",\n            modal: false,\n            \"close-on-click-modal\": false,\n            customClass: \"customWidth\",\n            width: \"100%\",\n            wrapperClosable: false,\n            \"with-header\": false\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogFormVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"formBox\" },\n            [\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.form,\n                    \"label-width\": \"80px\",\n                    inline: true\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"组件名称\" } },\n                    [\n                      _c(\"el-input\", {\n                        model: {\n                          value: _vm.form.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"name\", $$v)\n                          },\n                          expression: \"form.name\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.form.type == \"断面\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"断面方向\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择类型\" },\n                              model: {\n                                value: _vm.form.Direction,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.form, \"Direction\", $$v)\n                                },\n                                expression: \"form.Direction\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"正向\", value: \"正向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"反向\", value: \"反向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"双向\", value: \"双向\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-form-item\",\n                    [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"primary\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.onSubmit(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"确认\")]\n                      ),\n                      _c(\n                        \"el-button\",\n                        {\n                          on: {\n                            click: function($event) {\n                              return _vm.closeFigure(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"取消\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ]\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: _vm.componentTitle + \"指标组件\",\n            width: \"40%\",\n            visible: _vm.component\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.component = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.componentForm, \"label-width\": \"150px\" },\n              on: {\n                close: function($event) {\n                  return _vm.closeComponentForm()\n                }\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"名称：\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.componentForm.componentName,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"componentName\", $$v)\n                      },\n                      expression: \"componentForm.componentName\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"类型\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"类型筛选：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          model: {\n                            value: _vm.componentForm.typeFiltering,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"typeFiltering\", $$v)\n                            },\n                            expression: \"componentForm.typeFiltering\"\n                          }\n                        },\n                        _vm._l(_vm.typeData, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            { key: item, attrs: { label: item } },\n                            [_vm._v(_vm._s(item))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"数值筛选：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        model: {\n                          value: _vm.componentForm.startValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"startValue\", $$v)\n                          },\n                          expression: \"componentForm.startValue\"\n                        }\n                      }),\n                      _c(\"el-input-number\", {\n                        staticStyle: { \"margin-left\": \"5%\" },\n                        model: {\n                          value: _vm.componentForm.endValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"endValue\", $$v)\n                          },\n                          expression: \"componentForm.endValue\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"时间模式：\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择时间模式\" },\n                      model: {\n                        value: _vm.componentForm.timeMode,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"timeMode\", $$v)\n                        },\n                        expression: \"componentForm.timeMode\"\n                      }\n                    },\n                    [\n                      _c(\"el-option\", {\n                        attrs: { label: \"触发\", value: \"touch\" }\n                      }),\n                      _vm.componentForm.componentType != \"排队数\" &&\n                      _vm.componentForm.componentType != \"检测数\" &&\n                      _vm.componentForm.componentType != \"延误\" &&\n                      _vm.componentForm.componentType != \"拥堵\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期时刻\", value: \"timeing\" }\n                          })\n                        : _vm._e(),\n                      _vm.componentForm.componentType != \"OD\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期统计\", value: \"date\" }\n                          })\n                        : _vm._e()\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"周期间隔：\" } },\n                [\n                  _c(\"el-slider\", {\n                    model: {\n                      value: _vm.componentForm.cycleInterval,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"cycleInterval\", $$v)\n                      },\n                      expression: \"componentForm.cycleInterval\"\n                    }\n                  }),\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择单位\" },\n                      model: {\n                        value: _vm.componentForm.company,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"company\", $$v)\n                        },\n                        expression: \"componentForm.company\"\n                      }\n                    },\n                    _vm._l(_vm.timeSelect, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"起点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedStartSection },\n                          model: {\n                            value: _vm.componentForm.startSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"startSection\", $$v)\n                            },\n                            expression: \"componentForm.startSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"终点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedendSection },\n                          model: {\n                            value: _vm.componentForm.endSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"endSection\", $$v)\n                            },\n                            expression: \"componentForm.endSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"展现形式：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handlePresentation },\n                          model: {\n                            value: _vm.componentForm.presentation,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"presentation\", $$v)\n                            },\n                            expression: \"componentForm.presentation\"\n                          }\n                        },\n                        [\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"数值\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"表格\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"时间曲线图\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"直方图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"饼状图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"均值图\", name: \"type\" }\n                              })\n                            : _vm._e()\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.onSubmitComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          return _vm.closeComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/babc4672b66c1d4c8d0a31fa93c72a7a.json b/node_modules/.cache/vue-loader/babc4672b66c1d4c8d0a31fa93c72a7a.json
new file mode 100644
index 00000000..fcfa9eed
--- /dev/null
+++ b/node_modules/.cache/vue-loader/babc4672b66c1d4c8d0a31fa93c72a7a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673593117644},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\"\nimport script from \"./OD.vue?vue&type=script&lang=js&\"\nexport * from \"./OD.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0bb099b3\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0bb099b3')) {\n      api.createRecord('0bb099b3', component.options)\n    } else {\n      api.reload('0bb099b3', component.options)\n    }\n    module.hot.accept(\"./OD.vue?vue&type=template&id=0bb099b3&scoped=true&\", function () {\n      api.rerender('0bb099b3', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/OD.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bb9de6af13527e3c348e20f9f32e51fa.json b/node_modules/.cache/vue-loader/bb9de6af13527e3c348e20f9f32e51fa.json
new file mode 100644
index 00000000..9e4b2d43
--- /dev/null
+++ b/node_modules/.cache/vue-loader/bb9de6af13527e3c348e20f9f32e51fa.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue?vue&type=template&id=6896dfe2&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"login-wrap\">\n    <div class=\"ms-login\">\n        <div class=\"ms-title\"></div>\n        <div class=\"content\">\n            <div class=\"welcome\">欢迎登录</div>\n            <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\n                <el-form-item prop=\"username\" label=\"用户名\">\n                    <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\n                        <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\n                    </el-input>\n                </el-form-item>\n                <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\n                    <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\n                        <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\n                    </el-input>\n                </el-form-item>\n                <div class=\"unforget\" style=\"margin-left:15px\">\n                  <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\n                </div>\n            </el-form>\n            <div class=\"login-btn\">\n                    <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\n            </div>\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bbcd06b1f3a02a27e7c5cc0f8943232c.json b/node_modules/.cache/vue-loader/bbcd06b1f3a02a27e7c5cc0f8943232c.json
new file mode 100644
index 00000000..12705ec6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/bbcd06b1f3a02a27e7c5cc0f8943232c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue?vue&type=template&id=2a67f262&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\SideMenu.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"navMenu\">\n    <el-menu router  :default-active=\"defaultActive\" class=\"el-menu-vertical-demo\" text-color=\"#fff\" active-text-color=\"#ffd04b\">\n        <menu-tree :menuNavList=\"navMenus\"></menu-tree>\n    </el-menu>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bc714182f9bff81c055e972fac715f21.json b/node_modules/.cache/vue-loader/bc714182f9bff81c055e972fac715f21.json
index 1a82d944..4b544868 100644
--- a/node_modules/.cache/vue-loader/bc714182f9bff81c055e972fac715f21.json
+++ b/node_modules/.cache/vue-loader/bc714182f9bff81c055e972fac715f21.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673318349844},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"> <span class=\"titleIcon\"></span>  延误组件</p>\n    <div class=\"typeContent\">\n        <el-card style='width:150px;margin-bottom:20px;text-align:center'>\n            <div style=\"font-size:30px;font-weight:bold;\">99</div>\n                <div style=\"padding: 14px;\">\n                    <span>数值</span>\n                    <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n\n\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\"/>\n            <avgChart :list=\"tableData\" v-if=\"triggerType=='触发'\"/>\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType=='周期时刻'\"/>\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType=='周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673517881662},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bca24f1daf5cd030c0cadf11910f26a7.json b/node_modules/.cache/vue-loader/bca24f1daf5cd030c0cadf11910f26a7.json
new file mode 100644
index 00000000..85e5f4ec
--- /dev/null
+++ b/node_modules/.cache/vue-loader/bca24f1daf5cd030c0cadf11910f26a7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue","mtime":1673315311937},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props:{\r\n        list:Array,\r\n        default(){\r\n            return[]\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            \r\n        }\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            // console.log(this.$refs.barChart,'11111');\r\n            let myChart = this.$echarts.init(this.$refs.barChart)\r\n            let option = {\r\n                color: ['#7262FD', '#FC5A5A'],\r\n                tooltip: {\r\n                    confine: true,\r\n                },\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true,\r\n                },\r\n                // legend: {\r\n                //     icon: 'rect',\r\n                //     orient: 'horizontal',\r\n                //     left: 'left',\r\n                //     itemWidth: 12,\r\n                //     itemHeight: 12,\r\n                //     formatter: ['{a|{name}}'].join('\\n'),\r\n                //     textStyle: {\r\n                //         fontSize: 12,\r\n                //         color: '#6A93B9',\r\n                //         height: 8,\r\n                //         rich: {\r\n                //             a: {\r\n                //                 verticalAlign: 'bottom',\r\n                //             },\r\n                //         },\r\n                //     },\r\n                //     data: ['已完成', '未完成'],\r\n                // },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    data: this.list.map((value)=>{\r\n                        return value.type\r\n                    }),\r\n                    axisLine: {\r\n                        lineStyle: {\r\n                            color: '#000',\r\n                        },\r\n                    },\r\n                    axisLabel: {\r\n                        fontSize: 12,\r\n                        color: '#000',\r\n                    },\r\n                    axisTick: {\r\n                        show: false,\r\n                    },\r\n                },\r\n                yAxis: [\r\n                    {\r\n                    type: 'value',\r\n                    min: 0,\r\n                    minInterval: 1,\r\n                    splitArea: {\r\n                        show: false,\r\n                    },\r\n\r\n                    axisLine: {\r\n                        show: true,\r\n                    },\r\n                    axisTick: {\r\n                        show: false,\r\n                    },\r\n                    splitLine: {\r\n                        lineStyle: {\r\n                            color: '#eeebeb',\r\n                            type: 'dashed', // dotted 虚线\r\n                        },\r\n                    },\r\n                    axisLabel: {\r\n                        fontSize: 12,\r\n                        color: '#000',\r\n                        fontFamily: 'Bebas',\r\n                    },\r\n                }],\r\n                series: [{\r\n                    type: 'bar',\r\n                    barWidth: 20,\r\n                    itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n                    name: '时间',\r\n                    data: this.list.map((value)=>{\r\n                        return value.speed\r\n                    })\r\n                },\r\n                ],\r\n            };\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawBar()\r\n    }\r\n}\r\n",{"version":3,"sources":["barChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"barChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n    <div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'barChart', //饼图组件\r\n    props:{\r\n        list:Array,\r\n        default(){\r\n            return[]\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            \r\n        }\r\n    },\r\n    methods: {\r\n        drawBar() {\r\n            // console.log(this.$refs.barChart,'11111');\r\n            let myChart = this.$echarts.init(this.$refs.barChart)\r\n            let option = {\r\n                color: ['#7262FD', '#FC5A5A'],\r\n                tooltip: {\r\n                    confine: true,\r\n                },\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true,\r\n                },\r\n                // legend: {\r\n                //     icon: 'rect',\r\n                //     orient: 'horizontal',\r\n                //     left: 'left',\r\n                //     itemWidth: 12,\r\n                //     itemHeight: 12,\r\n                //     formatter: ['{a|{name}}'].join('\\n'),\r\n                //     textStyle: {\r\n                //         fontSize: 12,\r\n                //         color: '#6A93B9',\r\n                //         height: 8,\r\n                //         rich: {\r\n                //             a: {\r\n                //                 verticalAlign: 'bottom',\r\n                //             },\r\n                //         },\r\n                //     },\r\n                //     data: ['已完成', '未完成'],\r\n                // },\r\n                xAxis: {\r\n                    type: 'category',\r\n                    data: this.list.map((value)=>{\r\n                        return value.type\r\n                    }),\r\n                    axisLine: {\r\n                        lineStyle: {\r\n                            color: '#000',\r\n                        },\r\n                    },\r\n                    axisLabel: {\r\n                        fontSize: 12,\r\n                        color: '#000',\r\n                    },\r\n                    axisTick: {\r\n                        show: false,\r\n                    },\r\n                },\r\n                yAxis: [\r\n                    {\r\n                    type: 'value',\r\n                    min: 0,\r\n                    minInterval: 1,\r\n                    splitArea: {\r\n                        show: false,\r\n                    },\r\n\r\n                    axisLine: {\r\n                        show: true,\r\n                    },\r\n                    axisTick: {\r\n                        show: false,\r\n                    },\r\n                    splitLine: {\r\n                        lineStyle: {\r\n                            color: '#eeebeb',\r\n                            type: 'dashed', // dotted 虚线\r\n                        },\r\n                    },\r\n                    axisLabel: {\r\n                        fontSize: 12,\r\n                        color: '#000',\r\n                        fontFamily: 'Bebas',\r\n                    },\r\n                }],\r\n                series: [{\r\n                    type: 'bar',\r\n                    barWidth: 20,\r\n                    itemStyle: { barBorderRadius: [5, 5, 0, 0], },\r\n                    name: '时间',\r\n                    data: this.list.map((value)=>{\r\n                        return value.speed\r\n                    })\r\n                },\r\n                ],\r\n            };\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawBar()\r\n    }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bdc3d92927aed5403c78b3b41d89ace9.json b/node_modules/.cache/vue-loader/bdc3d92927aed5403c78b3b41d89ace9.json
new file mode 100644
index 00000000..55c61a72
--- /dev/null
+++ b/node_modules/.cache/vue-loader/bdc3d92927aed5403c78b3b41d89ace9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=style&index=0&id=4a9ff109&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673592982569},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["congestionChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA","file":"congestionChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n            </div>\r\n        </div>\r\n        <div></div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'congestionChart', //拥堵组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '拥堵组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/be4b0e3327d0687647f79bc83db37ba9.json b/node_modules/.cache/vue-loader/be4b0e3327d0687647f79bc83db37ba9.json
new file mode 100644
index 00000000..127e833a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/be4b0e3327d0687647f79bc83db37ba9.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673593140949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\"\nimport script from \"./delayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./delayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./delayChart.vue?vue&type=style&index=0&id=02017ef9&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02017ef9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('02017ef9')) {\n      api.createRecord('02017ef9', component.options)\n    } else {\n      api.reload('02017ef9', component.options)\n    }\n    module.hot.accept(\"./delayChart.vue?vue&type=template&id=02017ef9&scoped=true&\", function () {\n      api.rerender('02017ef9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/delayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/be5152d407d87fac5fa199b867bf3438.json b/node_modules/.cache/vue-loader/be5152d407d87fac5fa199b867bf3438.json
new file mode 100644
index 00000000..b701f6e6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/be5152d407d87fac5fa199b867bf3438.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=style&index=0&id=f8d30dd8&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673592974692},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["checkChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"checkChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'checkChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '监测数组件'\r\n        };\r\n    },\r\n\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bf14ce2358b1c134d63d9826abe45075.json b/node_modules/.cache/vue-loader/bf14ce2358b1c134d63d9826abe45075.json
new file mode 100644
index 00000000..3d55435f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/bf14ce2358b1c134d63d9826abe45075.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue?vue&type=template&id=bf4272de&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\404.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"error-page\">\n  <div class=\"error-code\">4<span>0</span>4</div>\n  <div class=\"error-desc\">啊哦~ 你所访问的页面不存在</div>\n  <div class=\"error-handle\">\n    <router-link to=\"/\">\n      <el-button type=\"primary\" size=\"large\">返回首页</el-button>\n    </router-link>\n    <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/bf6aef07752266818b84c1c52183bc85.json b/node_modules/.cache/vue-loader/bf6aef07752266818b84c1c52183bc85.json
index 92c56501..234279f9 100644
--- a/node_modules/.cache/vue-loader/bf6aef07752266818b84c1c52183bc85.json
+++ b/node_modules/.cache/vue-loader/bf6aef07752266818b84c1c52183bc85.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673261112620},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84f76fcc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84f76fcc')) {\n      api.createRecord('84f76fcc', component.options)\n    } else {\n      api.reload('84f76fcc', component.options)\n    }\n    module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n      api.rerender('84f76fcc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673580353828},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84f76fcc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84f76fcc')) {\n      api.createRecord('84f76fcc', component.options)\n    } else {\n      api.reload('84f76fcc', component.options)\n    }\n    module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n      api.rerender('84f76fcc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c0007ec2dd165181cabc0f366bccbf4a.json b/node_modules/.cache/vue-loader/c0007ec2dd165181cabc0f366bccbf4a.json
new file mode 100644
index 00000000..f2d3080b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c0007ec2dd165181cabc0f366bccbf4a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue?vue&type=style&index=0&id=82754e84&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__content {\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n.container {\r\n  width: 100%;\r\n  height: 100%;\r\n  p {\r\n      width: 95%;\r\n      font-size: 25px;\r\n      text-align: left;\r\n      border-bottom: 1px solid black;\r\n      margin-bottom: 20px;\r\n  }\r\n}\r\n",{"version":3,"sources":["CustomOperations.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"CustomOperations.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n      <div class=\"container\">\r\n          <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"220px\">\r\n              <p>自定义操作</p>\r\n              <el-form-item label=\"重新启动网络服务\">\r\n              </el-form-item>\r\n              <el-form-item label=\"重新启动systemd网络服务：\">\r\n                  <el-col :span=\"1\">\r\n                      <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\" @click=\"handleagain\">启动</el-button>\r\n                  </el-col>\r\n              </el-form-item>\r\n          </el-form>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n      return {\r\n          sizeForm: {\r\n              name: '',\r\n              region: '',\r\n              date1: '',\r\n              date2: '',\r\n              delivery: false,\r\n              type: [],\r\n              resource: '',\r\n              desc: ''\r\n          },\r\n          fileList: []\r\n      };\r\n  },\r\n  methods: {\r\n      handleagain() {\r\n          this.$confirm('此操作将重新启动systemd网络服务, 是否继续?', '提示', {\r\n              confirmButtonText: '确定',\r\n              cancelButtonText: '取消',\r\n              type: 'warning'\r\n          })\r\n              .then(() => {\r\n                  // this.$message({\r\n                  //   type: 'success',\r\n                  //   message: '删除成功!'\r\n                  // });\r\n              })\r\n              .catch(() => {\r\n                  this.$message({\r\n                      type: 'info',\r\n                      message: '已取消'\r\n                  });\r\n              });\r\n      },\r\n    \r\n      \r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n.container {\r\n  width: 100%;\r\n  height: 100%;\r\n  p {\r\n      width: 95%;\r\n      font-size: 25px;\r\n      text-align: left;\r\n      border-bottom: 1px solid black;\r\n      margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c00835f8a55cdbd7276e7a954c3bd911.json b/node_modules/.cache/vue-loader/c00835f8a55cdbd7276e7a954c3bd911.json
new file mode 100644
index 00000000..45d9c94a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c00835f8a55cdbd7276e7a954c3bd911.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue","mtime":1673517268854},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" 延误组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c02237636778512c9dc74951ec46c65f.json b/node_modules/.cache/vue-loader/c02237636778512c9dc74951ec46c65f.json
new file mode 100644
index 00000000..11d5ee4b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c02237636778512c9dc74951ec46c65f.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue","mtime":1673517268854},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 延误组件</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c05c2350e0561ffeab75f1a04fc7851a.json b/node_modules/.cache/vue-loader/c05c2350e0561ffeab75f1a04fc7851a.json
index 7aec85e7..5a05db0e 100644
--- a/node_modules/.cache/vue-loader/c05c2350e0561ffeab75f1a04fc7851a.json
+++ b/node_modules/.cache/vue-loader/c05c2350e0561ffeab75f1a04fc7851a.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673319660838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\"\nimport script from \"./pieChart.vue?vue&type=script&lang=js&\"\nexport * from \"./pieChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0b608953\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0b608953')) {\n      api.createRecord('0b608953', component.options)\n    } else {\n      api.reload('0b608953', component.options)\n    }\n    module.hot.accept(\"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\", function () {\n      api.rerender('0b608953', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/pieChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\"\nimport script from \"./pieChart.vue?vue&type=script&lang=js&\"\nexport * from \"./pieChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0b608953\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0b608953')) {\n      api.createRecord('0b608953', component.options)\n    } else {\n      api.reload('0b608953', component.options)\n    }\n    module.hot.accept(\"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\", function () {\n      api.rerender('0b608953', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/pieChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c14fb8db1d51f2093d9756ba5a527105.json b/node_modules/.cache/vue-loader/c14fb8db1d51f2093d9756ba5a527105.json
new file mode 100644
index 00000000..8edc4cae
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c14fb8db1d51f2093d9756ba5a527105.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673232721964},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+IA;AACA;AACA;;AAEA;AACA;AACA","file":"maintenanceRemind.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n  <div >\r\n    <div >\r\n      <!-- <p>节点源</p> -->\r\n       <h3>节点源</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"来源：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源极状态：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"稳定状态：\">\r\n          {{ form.state }}\r\n        </el-form-item>\r\n        <el-form-item label=\"视频数据连接：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源分辨率：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"神经网络分辨率：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"输入帧速率：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"解码器帧速率：\">\r\n          {{ form.version1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"检测器帧速率：\">\r\n          {{ form.version2 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"最后一帧分析时间：\">\r\n          {{ form.version4 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"运动状态：\">\r\n          {{ form.version5 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机盘：\">\r\n          {{ form.version6 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机倾斜：\">\r\n          {{ form.version7 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"照相机变焦：\">\r\n          {{ form.version8 }}\r\n        </el-form-item>\r\n      </el-form>\r\n    <h3>立方体分析</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"多维数据集ID：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析ID：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析序列ID：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的轨迹：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"总缓存容量：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存启动：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存结束：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第最后一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n         <el-form-item label=\"上次自动保存时间戳：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n     <h3>洞察同步</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"上次同步时间戳：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次评估数据的差异：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次图像数据的差异：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n      </el-form>\r\n      <!-- <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button> -->\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c1968f10ee118dc436ab5d95b3395e01.json b/node_modules/.cache/vue-loader/c1968f10ee118dc436ab5d95b3395e01.json
new file mode 100644
index 00000000..f386c2ed
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c1968f10ee118dc436ab5d95b3395e01.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      active: 0\r\n    }\r\n  },\r\n  methods: {\r\n    next() {\r\n      if (this.active++ > 2) {\r\n        this.active = 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["test2-1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"test2-1.vue","sourceRoot":"src/page/test2","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 1 </p>\r\n    <div class=\"test-div\">\r\n      <el-steps :active=\"active\" finish-status=\"success\" style=\"width:50%;\">\r\n        <el-step title=\"步骤 1\"></el-step>\r\n        <el-step title=\"步骤 2\"></el-step>\r\n        <el-step title=\"步骤 3\"></el-step>\r\n      </el-steps>\r\n      <el-button @click=\"next()\" type=\"primary\">下一步</el-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      active: 0\r\n    }\r\n  },\r\n  methods: {\r\n    next() {\r\n      if (this.active++ > 2) {\r\n        this.active = 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c1a86efd42876adb12688f3467d043b4.json b/node_modules/.cache/vue-loader/c1a86efd42876adb12688f3467d043b4.json
new file mode 100644
index 00000000..7c9b70c6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c1a86efd42876adb12688f3467d043b4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\HealthCheck.vue?vue&type=template&id=bddbd6ca&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">健康检测 </p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n\n    <h3>网络状态</h3>\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"200px\" style=\"width:50%\">\n      <el-form-item label=\"检查网络服务的状态：\">\n        <div class=\"state\">\n          <div class=\"Badge\" style=\"background-color: pink;\"></div>\n          <span>忙碌</span>\n        </div>\n      </el-form-item>\n    </el-form>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c30ce9a7e71b783b590c823bd0e40a1c.json b/node_modules/.cache/vue-loader/c30ce9a7e71b783b590c823bd0e40a1c.json
index 3f869b5e..722edea3 100644
--- a/node_modules/.cache/vue-loader/c30ce9a7e71b783b590c823bd0e40a1c.json
+++ b/node_modules/.cache/vue-loader/c30ce9a7e71b783b590c823bd0e40a1c.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673319660838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'pieChart',//饼图图组件\r\n    props: {\r\n        list:{\r\n            type:Array,\r\n            default(){\r\n                return[]\r\n            }\r\n        }\r\n    }, \r\n    data() {\r\n\r\n        return {\r\n        }\r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.init(this.$refs.pieChart)\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n\r\n            var legend = [\r\n                '货车',\r\n                '汽车',\r\n                '人',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"货车\", \"value\": 30 },\r\n                { \"name\": \"汽车\", \"value\": 10 },\r\n                { \"name\": \"人\", \"value\": 15 },\r\n            ]\r\n\r\n            let option = {\r\n\r\n                color: color,\r\n                legend: {\r\n                    top: 20,\r\n                    right: 'center',\r\n                    textStyle: {\r\n\r\n                    },\r\n                    data: legend,\r\n                },\r\n                series: [{\r\n                    name: '需求类型占比',\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '80%',\r\n                    label: {\r\n                        normal: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    labelLine: {\r\n                        show: false,\r\n                        length: 0,\r\n                        length2: 0,\r\n                    },\r\n                    label: {\r\n                        normal: {\r\n                            show: true,\r\n                            position: 'inside',\r\n                            formatter: '{value|{c}}',\r\n                            rich: {\r\n                                value: {\r\n                                    fontSize: 20,\r\n                                    color: '#ffffff',\r\n                                },\r\n                            },\r\n                        }\r\n                    },\r\n                    data: seriesData,\r\n                }],\r\n            };\r\n\r\n            myChart.setOption(option)\r\n\r\n\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawPie()\r\n    }\r\n}\r\n",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"pieChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n    <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'pieChart',//饼图图组件\r\n    props: {\r\n        list:{\r\n            type:Array,\r\n            default(){\r\n                return[]\r\n            }\r\n        }\r\n    }, \r\n    data() {\r\n\r\n        return {\r\n        }\r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.init(this.$refs.pieChart)\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n\r\n            var legend = [\r\n                '货车',\r\n                '汽车',\r\n                '人',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"货车\", \"value\": 30 },\r\n                { \"name\": \"汽车\", \"value\": 10 },\r\n                { \"name\": \"人\", \"value\": 15 },\r\n            ]\r\n\r\n            let option = {\r\n\r\n                color: color,\r\n                legend: {\r\n                    top: 20,\r\n                    right: 'center',\r\n                    textStyle: {\r\n\r\n                    },\r\n                    data: legend,\r\n                },\r\n                series: [{\r\n                    name: '需求类型占比',\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '80%',\r\n                    label: {\r\n                        normal: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    labelLine: {\r\n                        show: false,\r\n                        length: 0,\r\n                        length2: 0,\r\n                    },\r\n                    label: {\r\n                        normal: {\r\n                            show: true,\r\n                            position: 'inside',\r\n                            formatter: '{value|{c}}',\r\n                            rich: {\r\n                                value: {\r\n                                    fontSize: 20,\r\n                                    color: '#ffffff',\r\n                                },\r\n                            },\r\n                        }\r\n                    },\r\n                    data: seriesData,\r\n                }],\r\n            };\r\n\r\n            myChart.setOption(option)\r\n\r\n\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawPie()\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'pieChart',//饼图图组件\r\n    props: {\r\n        list:{\r\n            type:Array,\r\n            default(){\r\n                return[]\r\n            }\r\n        }\r\n    }, \r\n    data() {\r\n\r\n        return {\r\n        }\r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.init(this.$refs.pieChart)\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n\r\n            var legend = [\r\n                '货车',\r\n                '汽车',\r\n                '卡车',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"货车\", \"value\": 30 },\r\n                { \"name\": \"汽车\", \"value\": 10 },\r\n                { \"name\": \"卡车\", \"value\": 15 },\r\n            ]\r\n\r\n            let option = {\r\n\r\n                color: color,\r\n                legend: {\r\n                    top: 20,\r\n                    right: 'center',\r\n                    textStyle: {\r\n\r\n                    },\r\n                    data: legend,\r\n                },\r\n                series: [{\r\n                    name: '需求类型占比',\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '80%',\r\n                    label: {\r\n                        normal: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    labelLine: {\r\n                        show: false,\r\n                        length: 0,\r\n                        length2: 0,\r\n                    },\r\n                    label: {\r\n                        normal: {\r\n                            show: true,\r\n                            position: 'inside',\r\n                            formatter: '{value|{c}}',\r\n                            rich: {\r\n                                value: {\r\n                                    fontSize: 20,\r\n                                    color: '#ffffff',\r\n                                },\r\n                            },\r\n                        }\r\n                    },\r\n                    data: seriesData,\r\n                }],\r\n            };\r\n\r\n            myChart.setOption(option)\r\n\r\n\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawPie()\r\n    }\r\n}\r\n",{"version":3,"sources":["pieChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"pieChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n\r\n    <div id=\"pieChart\" ref=\"pieChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'pieChart',//饼图图组件\r\n    props: {\r\n        list:{\r\n            type:Array,\r\n            default(){\r\n                return[]\r\n            }\r\n        }\r\n    }, \r\n    data() {\r\n\r\n        return {\r\n        }\r\n    },\r\n    methods: {\r\n        drawPie() {\r\n            let myChart = this.$echarts.init(this.$refs.pieChart)\r\n            var color = [\r\n                '#0CD2E6',\r\n                '#3751E6',\r\n                '#FFC722'\r\n            ];\r\n\r\n            var legend = [\r\n                '货车',\r\n                '汽车',\r\n                '卡车',\r\n            ];\r\n\r\n            var seriesData = [\r\n                { \"name\": \"货车\", \"value\": 30 },\r\n                { \"name\": \"汽车\", \"value\": 10 },\r\n                { \"name\": \"卡车\", \"value\": 15 },\r\n            ]\r\n\r\n            let option = {\r\n\r\n                color: color,\r\n                legend: {\r\n                    top: 20,\r\n                    right: 'center',\r\n                    textStyle: {\r\n\r\n                    },\r\n                    data: legend,\r\n                },\r\n                series: [{\r\n                    name: '需求类型占比',\r\n                    type: 'pie',\r\n                    center: ['50%', '55%'],\r\n                    radius: '80%',\r\n                    label: {\r\n                        normal: {\r\n                            show: false,\r\n                        },\r\n                    },\r\n                    labelLine: {\r\n                        show: false,\r\n                        length: 0,\r\n                        length2: 0,\r\n                    },\r\n                    label: {\r\n                        normal: {\r\n                            show: true,\r\n                            position: 'inside',\r\n                            formatter: '{value|{c}}',\r\n                            rich: {\r\n                                value: {\r\n                                    fontSize: 20,\r\n                                    color: '#ffffff',\r\n                                },\r\n                            },\r\n                        }\r\n                    },\r\n                    data: seriesData,\r\n                }],\r\n            };\r\n\r\n            myChart.setOption(option)\r\n\r\n\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawPie()\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c33ea35a2fe56cd3cbbc507d9055a87c.json b/node_modules/.cache/vue-loader/c33ea35a2fe56cd3cbbc507d9055a87c.json
index e5328131..d2afab90 100644
--- a/node_modules/.cache/vue-loader/c33ea35a2fe56cd3cbbc507d9055a87c.json
+++ b/node_modules/.cache/vue-loader/c33ea35a2fe56cd3cbbc507d9055a87c.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673318539856},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.border {\r\nwidth: 100%;\r\nmargin-bottom: 20px;\r\nposition: relative;\r\n}\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiIA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  OD组件</p>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\nname: 'lineUpChart', //排队数组件\r\ncomponents: {\r\n    lineChart,\r\n    barChart,\r\n    tableShow,\r\n    detailDialog,\r\n    thermalChart,\r\n    regionTable\r\n},\r\nprops: ['pageType', 'triggerType'],\r\ndata() {\r\n    return {\r\n        tableData: [\r\n            {\r\n                time: '7:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.999999',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '80',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '9:40',\r\n                type: '货车',\r\n                carNumber: '苏E.888888',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '60',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.777777',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '90',\r\n                headWay: '10'\r\n            }\r\n        ],\r\n        periodicTime: [\r\n            {\r\n                time: '17:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '50',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '22:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '30',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '24:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '80',\r\n                CongestionStatus: '拥堵'\r\n            }\r\n        ],\r\n        periodicStatistic: [\r\n            {\r\n                time: '9:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '60',\r\n                avgFlow: '200'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '55',\r\n                avgFlow: '50'\r\n            },\r\n            {\r\n                time: '11:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '61',\r\n                avgFlow: '40'\r\n            }\r\n        ]\r\n    };\r\n},\r\nmethods: {},\r\nmounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.border {\r\nwidth: 100%;\r\nmargin-bottom: 20px;\r\nposition: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673518264162},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"border\">\r\n            <detailDialog :msg=\"tableData\" />\r\n            <thermalChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n            <thermalChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n            <thermalChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: 'OD组件',\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c3c2b2f1386bee366d21ee0dc0f45e38.json b/node_modules/.cache/vue-loader/c3c2b2f1386bee366d21ee0dc0f45e38.json
new file mode 100644
index 00000000..12563915
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c3c2b2f1386bee366d21ee0dc0f45e38.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue?vue&type=template&id=3b05fefa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n    <div class=\"container\">\n        <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\n            <p>系统服务VPN</p>\n            <el-form-item label=\"状态：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">YES</span>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"操作：\">\n                <el-col :span=\"1\">\n                    <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\n                </el-col>\n                <el-col :span=\"1\">\n                    <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\n                </el-col>\n                <el-col :span=\"2\">\n                    <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\n                </el-col>\n            </el-form-item>\n            <p>保护装置</p>\n            <el-form-item label=\"配置文件：\">\n                <el-col :span=\"1\">\n                    <el-button type=\"primary\" size=\"small\">上传</el-button>\n                </el-col>\n                <el-col :span=\"4\">\n                    <el-upload\n                        class=\"upload-demo\"\n                        action=\"https://jsonplaceholder.typicode.com/posts/\"\n                        :on-preview=\"handlePreview\"\n                        :on-remove=\"handleRemove\"\n                        :before-remove=\"beforeRemove\"\n                        multiple\n                        :limit=\"3\"\n                        :on-exceed=\"handleExceed\"\n                        :file-list=\"fileList\"\n                    >\n                        <el-button size=\"small\" type=\"primary\">选择文件</el-button>\n                    </el-upload>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"配置上载：\">\n              <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">NO</span>\n                </el-col>\n            </el-form-item>\n            <p>开放VPN</p>\n            <el-form-item label=\"配置文件：\">\n                <el-col :span=\"1\">\n                    <el-button type=\"primary\" size=\"small\">上传</el-button>\n                </el-col>\n                <el-col :span=\"4\">\n                    <el-upload\n                        class=\"upload-demo\"\n                        action=\"https://jsonplaceholder.typicode.com/posts/\"\n                        :on-preview=\"handlePreview\"\n                        :on-remove=\"handleRemove\"\n                        :before-remove=\"beforeRemove\"\n                        multiple\n                        :limit=\"3\"\n                        :on-exceed=\"handleExceed\"\n                        :file-list=\"fileList\"\n                    >\n                        <el-button size=\"small\" type=\"primary\">选择文件</el-button>\n                    </el-upload>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"配置上载：\">\n              <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">NO</span>\n                </el-col>\n            </el-form-item>\n            <p>资格证书</p>\n            <el-form-item label=\"操作：\">\n                <el-col :span=\"12\">\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\n                </el-col>\n            </el-form-item>\n        </el-form>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c4568c56d3623aa1cd4c64fdcfa00f1d.json b/node_modules/.cache/vue-loader/c4568c56d3623aa1cd4c64fdcfa00f1d.json
new file mode 100644
index 00000000..a867c779
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c4568c56d3623aa1cd4c64fdcfa00f1d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\HealthCheck.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.state {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.state .Badge {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    margin: 20px 5px 0 0;\r\n    transform: translateY(-50%);\r\n}\r\n",{"version":3,"sources":["HealthCheck.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"HealthCheck.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">健康检测 </p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <h3>网络状态</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"200px\" style=\"width:50%\">\r\n        <el-form-item label=\"检查网络服务的状态：\">\r\n          <div class=\"state\">\r\n            <div class=\"Badge\" style=\"background-color: pink;\"></div>\r\n            <span>忙碌</span>\r\n          </div>\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.state {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.state .Badge {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    margin: 20px 5px 0 0;\r\n    transform: translateY(-50%);\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c52bb00013344a2200416f7b7e744117.json b/node_modules/.cache/vue-loader/c52bb00013344a2200416f7b7e744117.json
new file mode 100644
index 00000000..b6b72479
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c52bb00013344a2200416f7b7e744117.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue","mtime":1673493935674},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\"\nimport script from \"./lineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3aba1cf9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3aba1cf9')) {\n      api.createRecord('3aba1cf9', component.options)\n    } else {\n      api.reload('3aba1cf9', component.options)\n    }\n    module.hot.accept(\"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\", function () {\n      api.rerender('3aba1cf9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/lineChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c560385484219a71bb9500a6fd9cee3b.json b/node_modules/.cache/vue-loader/c560385484219a71bb9500a6fd9cee3b.json
new file mode 100644
index 00000000..fd0507e1
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c560385484219a71bb9500a6fd9cee3b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=style&index=0&id=0bb099b3&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673593117644},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"border\">\r\n            <detailDialog />\r\n            <thermalChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    data() {\r\n        return {\r\n            title: 'OD组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c607edf60027a75cda574dc07ff46576.json b/node_modules/.cache/vue-loader/c607edf60027a75cda574dc07ff46576.json
index 9e93a3da..f0cdb52d 100644
--- a/node_modules/.cache/vue-loader/c607edf60027a75cda574dc07ff46576.json
+++ b/node_modules/.cache/vue-loader/c607edf60027a75cda574dc07ff46576.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673318378970},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  车头时距组件</p>\n    <div class=\"typeContent\">\n        <el-card style='width:150px;margin-bottom:20px;text-align:center'>\n            <div style=\"font-size:30px;font-weight:bold;\">99</div>\n                <div style=\"padding: 14px;\">\n                    <span>数值</span>\n                    <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n\n\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\"/>\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <avgChart :list=\"tableData\" v-if=\"triggerType=='触发'\"/>\n            <avgChart :list=\"periodicTime\" v-if=\"triggerType=='周期时刻'\"/>\n            <avgChart :list=\"periodicStatistic\" v-if=\"triggerType=='周期统计'\" />\n        </div>\n\n    </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673580612950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\"></lineChart>\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c60ac8ae4c06170f17f41b7ab1215170.json b/node_modules/.cache/vue-loader/c60ac8ae4c06170f17f41b7ab1215170.json
new file mode 100644
index 00000000..f819da41
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c60ac8ae4c06170f17f41b7ab1215170.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n    <!-- </div> -->\r\n     \r\n    \r\n\r\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\r\n     <!-- <el-container> -->\r\n        <div class=\"header\" >\r\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\r\n      <!-- 水平一级菜单 -->\r\n      <div style=\"float:left;\">\r\n        <!-- <el-menu \r\n          mode=\"horizontal\"\r\n          text-color=\"#000000\"\r\n          active-text-color=\"#3989fa\"\r\n          :default-active=\"toIndex\" \r\n          @select=\"handleSelect\">\r\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\r\n            <span slot=\"title\">{{ item.title }}</span>\r\n          </el-menu-item>\r\n        </el-menu> -->\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n   background: url('../../assets/img/leftBg.png'); \r\n    max-height: 1000px;\r\n    background-size: 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c675aedc49b63329181ac1d570852732.json b/node_modules/.cache/vue-loader/c675aedc49b63329181ac1d570852732.json
new file mode 100644
index 00000000..198e6435
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c675aedc49b63329181ac1d570852732.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: '',\r\n        password: '',\r\n        FTP: '',\r\n      }\r\n    }\r\n  },\r\n  methods:{\r\n    Submit() {\r\n      this.form;\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["IPSetting.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"IPSetting.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">FTP设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"110px\" style=\"width:50%\">\r\n        <el-form-item label=\"账号：\">\r\n          <el-input placeholder=\"请输入账号名\" v-model=\"form.ComponentPropsname\" clearable></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"密码：\">\r\n          <el-input placeholder=\"请输入密码\" v-model=\"form.password\" show-password></el-input>\r\n        </el-form-item>\r\n        <el-form-item label=\"FTP：\">\r\n          <el-input placeholder=\"请输入账号名\" v-model=\"form.FTP\" clearable></el-input>\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button type=\"primary\" @cilck=\"Submit\">修改</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: '',\r\n        password: '',\r\n        FTP: '',\r\n      }\r\n    }\r\n  },\r\n  methods:{\r\n    Submit() {\r\n      this.form;\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c7665ae2c9c88fa94c58b4b86b5b86a7.json b/node_modules/.cache/vue-loader/c7665ae2c9c88fa94c58b4b86b5b86a7.json
new file mode 100644
index 00000000..b2971785
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c7665ae2c9c88fa94c58b4b86b5b86a7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\403.vue?vue&type=style&index=0&id=bf5ea1e0&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.error-code{\r\n  color: #f02d2d;\r\n}\r\n",{"version":3,"sources":["403.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA","file":"403.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n  <div class=\"error-page\">\r\n    <div class=\"error-code\">4<span>0</span>3</div>\r\n    <div class=\"error-desc\">啊哦~ 你没有权限访问该页面哦</div>\r\n    <div class=\"error-handle\">\r\n      <router-link to=\"/\">\r\n        <el-button type=\"primary\" size=\"large\">返回首页</el-button>\r\n      </router-link>\r\n      <el-button class=\"error-btn\" type=\"primary\" size=\"large\" @click=\"goBack()\">返回上一页</el-button>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n      \r\n    }\r\n  },\r\n  methods: {\r\n    goBack(){\r\n      this.$router.go(-1);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.error-code{\r\n  color: #f02d2d;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c787454daf20ae4592412da806307a2d.json b/node_modules/.cache/vue-loader/c787454daf20ae4592412da806307a2d.json
new file mode 100644
index 00000000..72a3d509
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c787454daf20ae4592412da806307a2d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673590673775},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\"\nimport script from \"./tableShow.vue?vue&type=script&lang=js&\"\nexport * from \"./tableShow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84f76fcc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84f76fcc')) {\n      api.createRecord('84f76fcc', component.options)\n    } else {\n      api.reload('84f76fcc', component.options)\n    }\n    module.hot.accept(\"./tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&\", function () {\n      api.rerender('84f76fcc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/tableShow.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c800323fcdaf8d7c35a9981b885fbcd6.json b/node_modules/.cache/vue-loader/c800323fcdaf8d7c35a9981b885fbcd6.json
new file mode 100644
index 00000000..b858bb6f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c800323fcdaf8d7c35a9981b885fbcd6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue?vue&type=style&index=0&id=d51955fc&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.list {\r\n  padding: 30px 0;\r\n}\r\n.list p {\r\n  margin-bottom: 20px;\r\n}\r\na {\r\n  color: #409eff;\r\n}\r\n",{"version":3,"sources":["I18n.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"I18n.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <section class=\"main\">\r\n    <div class=\"crumbs\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item>{{ $t('i18n.breadcrumb') }}</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </div>\r\n    <div class=\"container\">\r\n      <span>{{ $t('i18n.tips') }}</span>\r\n      <el-button type=\"primary\" @click=\"$i18n.locale = $i18n.locale === 'zh' ? 'en' : 'zh'\">{{ $t('i18n.btn') }}</el-button>\r\n      <div class=\"list\">\r\n        <h2>{{ $t('i18n.title1') }}</h2>\r\n        <p>{{ $t('i18n.p1') }}</p>\r\n        <p>{{ $t('i18n.p2') }}</p>\r\n        <p>{{ $t('i18n.p3') }}</p>\r\n      </div>\r\n      <h2>{{ $t('i18n.title2') }}</h2>\r\n      <div>\r\n        <i18n path=\"i18n.info\" tag=\"p\">\r\n          <a place=\"action\" href=\"https://element.eleme.cn/2.0/#/zh-CN/component/i18n\">{{ $t('i18n.value') }}</a>\r\n        </i18n>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.list {\r\n  padding: 30px 0;\r\n}\r\n.list p {\r\n  margin-bottom: 20px;\r\n}\r\na {\r\n  color: #409eff;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c823e22d9b6c3800a335e356911bcbb1.json b/node_modules/.cache/vue-loader/c823e22d9b6c3800a335e356911bcbb1.json
new file mode 100644
index 00000000..15607846
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c823e22d9b6c3800a335e356911bcbb1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["AboutMachine.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkIA;AACA;AACA","file":"AboutMachine.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\" >\r\n      <p>主机</p>\r\n      <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"sizeForm.date1\" style=\"width: 50%;\" autocomplete=\"off\" ></el-date-picker>\r\n        <!-- </el-col> -->\r\n        <!-- <el-col :span=\"2\"> -->\r\n          <el-button type=\"primary\" style=\"margin-left:10px\" size=\"small\">自动校验</el-button>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <p>备份&恢复</p>\r\n      <el-form-item label=\"备份服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" size=\"small\">备份</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"3\">\r\n          <el-button type=\"primary\" disabled size=\"small\">备份</el-button>\r\n        </el-col>\r\n        <el-col :span=\"4\">\r\n          <el-upload\r\n            class=\"upload-demo\"\r\n            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n            :on-preview=\"handlePreview\"\r\n            :on-remove=\"handleRemove\"\r\n            :before-remove=\"beforeRemove\"\r\n            multiple\r\n            :limit=\"3\"\r\n            :on-exceed=\"handleExceed\"\r\n            :file-list=\"fileList\">\r\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n          </el-upload>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>出厂默认值</p>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleReset()\" size=\"small\">重置默认值</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>重新启动</p>\r\n      <el-form-item label=\"重新启动系统：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">重新启动</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n        formLabelWidth: '120px',\r\n      sizeForm: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        fileList:[]\r\n    }\r\n  },\r\n  methods:{\r\n    handleagain(){\r\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消'\r\n          });          \r\n        });\r\n    },\r\n    handleReset(){\r\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消重置'\r\n          });          \r\n        });\r\n    },\r\n    handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n/deep/ .el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.container{\r\n  width: 100%;\r\n  height: 100%;\r\n  p{\r\n    width: 95%;\r\n    font-size: 25px;\r\n    text-align: left;\r\n    border-bottom: 1px solid black;\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c8574e27a80a4b7c84b726838b71af5a.json b/node_modules/.cache/vue-loader/c8574e27a80a4b7c84b726838b71af5a.json
new file mode 100644
index 00000000..352164cc
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c8574e27a80a4b7c84b726838b71af5a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"barChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"barChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c8fb5ad86f91ccdc1aaf6b9e225fc3f1.json b/node_modules/.cache/vue-loader/c8fb5ad86f91ccdc1aaf6b9e225fc3f1.json
new file mode 100644
index 00000000..1a969f42
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c8fb5ad86f91ccdc1aaf6b9e225fc3f1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      form: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      speedForm: {\r\n        name: '',\r\n        timeModel:'touch',\r\n        touchType:'实时（触发）',\r\n        num:'',\r\n        time:'',\r\n        date: '',\r\n        type: [],\r\n      },\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      carInfo: [], //小车信息\r\n      carName: '',\r\n      palletizerInfo: [], //码垛机信息\r\n      palletizerName: '',\r\n      destackerInfo: [], //拆垛机信息\r\n      destackerName: '',\r\n      hoistInfo: [], //提升机信息’\r\n      hoistName: '',\r\n      battaryStationInfo: [],//快换电池装置\r\n      battaryStationName: \"\",\r\n      conveyorInfo: [], //输送机信息\r\n      conveyorName: \"\",\r\n\r\n\r\n      activeName:\"first\"\r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n  created() {\r\n    this.testMqtt()\r\n\r\n  },\r\n  methods: {\r\n\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n    // 测试：mqtt测试\r\n    testMqtt() {\r\n      this.getDataByMqtt()\r\n      // 小车订阅\r\n      //   for (let key in this.carId) {\r\n      //     this.getDataByMqtt(\r\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Car\" + key,\r\n      //       this.carId[key]\r\n      //     );\r\n      //   }\r\n      //   //输送机入库订阅\r\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n      //       this.convoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   //输送机出库订阅\r\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n      //       this.outConvoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   for (let key in this.BattaryArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Battary_Sation\" + key,\r\n      //       this.BattaryArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 升降机订阅elvArr\r\n      //   for (let key in this.elvArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"ELV\" + key,\r\n      //       this.elvArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 拆码跺机订阅\r\n      //   for (let key in this.stampArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"INCMD\" + key,\r\n      //       this.stampArr[key]\r\n      //     );\r\n      //   }\r\n    },\r\n    onSubmit() { },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n    // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n       \r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n        //    this.client.connect('aaa', '111')\r\n          this.mqttClient.publish('aaa', '111');\r\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n          \r\n        });\r\n         \r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n             \r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n    Onweather(name) {\r\n      //   switch (name) {\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n      // \t\t\t\tcase \"阴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n      // \t\t\t\tcase \"暴雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n      // \t\t\t\tcase \"冰雹\":\r\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n      // \t\t\t\tcase \"大风\":\r\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n      // \t\t\t\tcase \"大雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n      // \t\t\t\tcase \"大雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n      // \t\t\t\tcase \"雷电\":\r\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n      // \t\t\t\tcase \"雷阵雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n      // \t\t\t\tcase \"沙尘暴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n      // \t\t\t\tcase \"晴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n      // \t\t\t\tcase \"雾霾\":\r\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n      // \t\t\t\tcase \"小雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n      // \t\t\t\tcase \"小雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n      // \t\t\t\tcase \"雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\r\n      // \t\t\t\tcase \"雨夹雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n      // \t\t\t\tcase \"月亮\":\r\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n      // \t\t\t\tcase \"中雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n      // \t\t\t\tcase \"中雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n      // \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox() {\r\n      this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs v-model=\"activeName\" type=\"border-card\" >\r\n        <el-tab-pane label=\"xx路口\" name=\"first\">\r\n            <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n          </div> -->\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <!-- <el-form-item label=\"实时性\">\r\n    <el-radio-group v-model=\"form.resource\">\r\n      <el-radio label=\"实时（触发）\"></el-radio>\r\n      <el-radio label=\"间隔\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item> -->\r\n          <el-form-item label=\"断面名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\">\r\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"car\"></el-option>\r\n              <el-option label=\"方向\" value=\"bus\"></el-option>\r\n              <el-option label=\"双向\" value=\"kache\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\r\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\r\n          <el-form-item label=\"区域名称\">\r\n            <el-input v-model=\"areaComponentform.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\r\n        <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\r\n          <el-form-item label=\"轨迹名称：\">\r\n            <el-input v-model=\"trackForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\r\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\r\n          <el-form-item label=\"速度组件名称：\">\r\n            <el-input v-model=\"speedForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\">\r\n            <el-input v-model=\"speedForm.num\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"speedForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item>\r\n        <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\r\n          <el-slider v-model=\"speedForm.time\" show-input>\r\n            </el-slider>\r\n        </el-form-item>\r\n        <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\r\n           <el-date-picker\r\n       v-model=\"speedForm.date\"\r\n      type=\"datetimerange\"\r\n      range-separator=\"至\"\r\n      start-placeholder=\"开始日期\"\r\n      end-placeholder=\"结束日期\">\r\n    </el-date-picker>\r\n        </el-form-item>\r\n          <el-form-item label=\"展现形式：\">\r\n            <el-checkbox-group v-model=\"speedForm.type\">\r\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      \r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      form: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      speedForm: {\r\n        name: '',\r\n        timeModel:'touch',\r\n        touchType:'实时（触发）',\r\n        num:'',\r\n        time:'',\r\n        date: '',\r\n        type: [],\r\n      },\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      carInfo: [], //小车信息\r\n      carName: '',\r\n      palletizerInfo: [], //码垛机信息\r\n      palletizerName: '',\r\n      destackerInfo: [], //拆垛机信息\r\n      destackerName: '',\r\n      hoistInfo: [], //提升机信息’\r\n      hoistName: '',\r\n      battaryStationInfo: [],//快换电池装置\r\n      battaryStationName: \"\",\r\n      conveyorInfo: [], //输送机信息\r\n      conveyorName: \"\",\r\n\r\n\r\n      activeName:\"first\"\r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n  created() {\r\n    this.testMqtt()\r\n\r\n  },\r\n  methods: {\r\n\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n    // 测试：mqtt测试\r\n    testMqtt() {\r\n      this.getDataByMqtt()\r\n      // 小车订阅\r\n      //   for (let key in this.carId) {\r\n      //     this.getDataByMqtt(\r\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Car\" + key,\r\n      //       this.carId[key]\r\n      //     );\r\n      //   }\r\n      //   //输送机入库订阅\r\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n      //       this.convoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   //输送机出库订阅\r\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n      //       this.outConvoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   for (let key in this.BattaryArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Battary_Sation\" + key,\r\n      //       this.BattaryArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 升降机订阅elvArr\r\n      //   for (let key in this.elvArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"ELV\" + key,\r\n      //       this.elvArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 拆码跺机订阅\r\n      //   for (let key in this.stampArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"INCMD\" + key,\r\n      //       this.stampArr[key]\r\n      //     );\r\n      //   }\r\n    },\r\n    onSubmit() { },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n    // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n       \r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n        //    this.client.connect('aaa', '111')\r\n          this.mqttClient.publish('aaa', '111');\r\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n          \r\n        });\r\n         \r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n             \r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n    Onweather(name) {\r\n      //   switch (name) {\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n      // \t\t\t\tcase \"阴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n      // \t\t\t\tcase \"暴雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n      // \t\t\t\tcase \"冰雹\":\r\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n      // \t\t\t\tcase \"大风\":\r\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n      // \t\t\t\tcase \"大雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n      // \t\t\t\tcase \"大雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n      // \t\t\t\tcase \"雷电\":\r\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n      // \t\t\t\tcase \"雷阵雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n      // \t\t\t\tcase \"沙尘暴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n      // \t\t\t\tcase \"晴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n      // \t\t\t\tcase \"雾霾\":\r\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n      // \t\t\t\tcase \"小雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n      // \t\t\t\tcase \"小雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n      // \t\t\t\tcase \"雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\r\n      // \t\t\t\tcase \"雨夹雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n      // \t\t\t\tcase \"月亮\":\r\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n      // \t\t\t\tcase \"中雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n      // \t\t\t\tcase \"中雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n      // \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox() {\r\n      this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ca1c0905f56a754b4135e545509b286b.json b/node_modules/.cache/vue-loader/ca1c0905f56a754b4135e545509b286b.json
new file mode 100644
index 00000000..1e378638
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ca1c0905f56a754b4135e545509b286b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id, item.num)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"btn\" },\n          [\n            _c(\n              \"el-button\",\n              { attrs: { type: \"primary\" }, on: { click: _vm.applicationBtn } },\n              [_vm._v(\"启动程序\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ca26c217d90bf7ffd626a3ff11e4ad03.json b/node_modules/.cache/vue-loader/ca26c217d90bf7ffd626a3ff11e4ad03.json
new file mode 100644
index 00000000..a42766c8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ca26c217d90bf7ffd626a3ff11e4ad03.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.warning {\r\n  margin-top: 10px;\r\n  width: 35%;\r\n}\r\n",{"version":3,"sources":["ImportSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"ImportSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">导入设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <el-upload class=\"upload-demo\" ref=\"upload\" action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n        :file-list=\"fileList\" :auto-upload=\"false\" @on-success=\"fileSuccess\" @on-error=\"fileError\" @on-progress=\"fileProgress\">\r\n        <el-button slot=\"trigger\" size=\"small\" type=\"primary\">选取文件</el-button>\r\n        <el-button style=\"margin-left: 10px;\" size=\"small\" type=\"success\" @click=\"submitUpload\">导入</el-button>\r\n      </el-upload>\r\n\r\n      <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        将一个保存好的系统设置文件导入本系统。导入后将覆盖现有的所有分析和用户设置，并重启系统，未保存的数据可能会丢失，请谨慎使用.\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      fileList: [],\r\n    }\r\n  },\r\n  methods: {\r\n    submitUpload() {\r\n      this.$refs.upload.submit();\r\n      console.log(this.$refs.upload, '上传');\r\n    },\r\n    // 成功\r\n    fileSuccess(response, file, fileList) {\r\n      console.log(response, file, fileList, '成功');\r\n    },\r\n    // 失败\r\n    fileError(err, file, fileList){\r\n      console.log(err, file, fileList, '失败');\r\n    },\r\n    // 上传中\r\n    fileProgress(event, file, fileList){\r\n      console.log(event, file, fileList, '上传中');\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.warning {\r\n  margin-top: 10px;\r\n  width: 35%;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cab1063901647b27ac4f32d86dbe3504.json b/node_modules/.cache/vue-loader/cab1063901647b27ac4f32d86dbe3504.json
new file mode 100644
index 00000000..501d039c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/cab1063901647b27ac4f32d86dbe3504.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      fileList: [],\r\n    }\r\n  },\r\n  methods: {\r\n    submitUpload() {\r\n      this.$refs.upload.submit();\r\n      console.log(this.$refs.upload, '上传');\r\n    },\r\n    // 成功\r\n    fileSuccess(response, file, fileList) {\r\n      console.log(response, file, fileList, '成功');\r\n    },\r\n    // 失败\r\n    fileError(err, file, fileList){\r\n      console.log(err, file, fileList, '失败');\r\n    },\r\n    // 上传中\r\n    fileProgress(event, file, fileList){\r\n      console.log(event, file, fileList, '上传中');\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["ImportSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"ImportSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">导入设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <el-upload class=\"upload-demo\" ref=\"upload\" action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n        :file-list=\"fileList\" :auto-upload=\"false\" @on-success=\"fileSuccess\" @on-error=\"fileError\" @on-progress=\"fileProgress\">\r\n        <el-button slot=\"trigger\" size=\"small\" type=\"primary\">选取文件</el-button>\r\n        <el-button style=\"margin-left: 10px;\" size=\"small\" type=\"success\" @click=\"submitUpload\">导入</el-button>\r\n      </el-upload>\r\n\r\n      <div class=\"warning\">\r\n        <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        将一个保存好的系统设置文件导入本系统。导入后将覆盖现有的所有分析和用户设置，并重启系统，未保存的数据可能会丢失，请谨慎使用.\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      fileList: [],\r\n    }\r\n  },\r\n  methods: {\r\n    submitUpload() {\r\n      this.$refs.upload.submit();\r\n      console.log(this.$refs.upload, '上传');\r\n    },\r\n    // 成功\r\n    fileSuccess(response, file, fileList) {\r\n      console.log(response, file, fileList, '成功');\r\n    },\r\n    // 失败\r\n    fileError(err, file, fileList){\r\n      console.log(err, file, fileList, '失败');\r\n    },\r\n    // 上传中\r\n    fileProgress(event, file, fileList){\r\n      console.log(event, file, fileList, '上传中');\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.warning {\r\n  margin-top: 10px;\r\n  width: 35%;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cad1bcf2a7a68e0324fb8e3add523f38.json b/node_modules/.cache/vue-loader/cad1bcf2a7a68e0324fb8e3add523f38.json
new file mode 100644
index 00000000..648d6e71
--- /dev/null
+++ b/node_modules/.cache/vue-loader/cad1bcf2a7a68e0324fb8e3add523f38.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\App.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\App.vue","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=7ba5bd90&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7ba5bd90')) {\n      api.createRecord('7ba5bd90', component.options)\n    } else {\n      api.reload('7ba5bd90', component.options)\n    }\n    module.hot.accept(\"./App.vue?vue&type=template&id=7ba5bd90&\", function () {\n      api.rerender('7ba5bd90', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/App.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cb26a9752de3ace846e0d51ee2ff421e.json b/node_modules/.cache/vue-loader/cb26a9752de3ace846e0d51ee2ff421e.json
new file mode 100644
index 00000000..99c4d739
--- /dev/null
+++ b/node_modules/.cache/vue-loader/cb26a9752de3ace846e0d51ee2ff421e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\"\nimport script from \"./globalSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./globalSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./globalSettings.vue?vue&type=style&index=0&id=84ec604e&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"84ec604e\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('84ec604e')) {\n      api.createRecord('84ec604e', component.options)\n    } else {\n      api.reload('84ec604e', component.options)\n    }\n    module.hot.accept(\"./globalSettings.vue?vue&type=template&id=84ec604e&scoped=true&\", function () {\n      api.rerender('84ec604e', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/globalSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cb66f740614a786e1943478db837b6c7.json b/node_modules/.cache/vue-loader/cb66f740614a786e1943478db837b6c7.json
new file mode 100644
index 00000000..614c067d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/cb66f740614a786e1943478db837b6c7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ImportSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./ImportSettings.vue?vue&type=template&id=2ab7ee0a&\"\nimport script from \"./ImportSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./ImportSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImportSettings.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('2ab7ee0a')) {\n      api.createRecord('2ab7ee0a', component.options)\n    } else {\n      api.reload('2ab7ee0a', component.options)\n    }\n    module.hot.accept(\"./ImportSettings.vue?vue&type=template&id=2ab7ee0a&\", function () {\n      api.rerender('2ab7ee0a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/ImportSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cbb81d5b3a05d16a2f2c69a9f88ad5e0.json b/node_modules/.cache/vue-loader/cbb81d5b3a05d16a2f2c69a9f88ad5e0.json
new file mode 100644
index 00000000..304a9e87
--- /dev/null
+++ b/node_modules/.cache/vue-loader/cbb81d5b3a05d16a2f2c69a9f88ad5e0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&\"\nimport script from \"./InterfaceServerCertificates.vue?vue&type=script&lang=js&\"\nexport * from \"./InterfaceServerCertificates.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InterfaceServerCertificates.vue?vue&type=style&index=0&id=6fd57e96&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6fd57e96\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6fd57e96')) {\n      api.createRecord('6fd57e96', component.options)\n    } else {\n      api.reload('6fd57e96', component.options)\n    }\n    module.hot.accept(\"./InterfaceServerCertificates.vue?vue&type=template&id=6fd57e96&scoped=true&\", function () {\n      api.rerender('6fd57e96', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/InterfaceServerCertificates.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cc156cf36b8141c7e65ae12b1e28b6b1.json b/node_modules/.cache/vue-loader/cc156cf36b8141c7e65ae12b1e28b6b1.json
new file mode 100644
index 00000000..e4a1c26d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/cc156cf36b8141c7e65ae12b1e28b6b1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=style&index=0&id=57b7d65b&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.statusMain{\r\n  width: 100%;\r\n  height: 100%;\r\n      .el-descriptions{\r\n        margin-top: 15px !important;\r\n      }\r\n}\r\n//  .test-div i {\r\n//    font-size: 25px;\r\n//  }\r\n//  .el-form-item {\r\n//    margin-bottom: 0px;\r\n//  }\r\n",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"maintenanceRemind.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n  <div class=\"statusMain\">\r\n    <div >\r\n      <!-- <p>节点源</p> -->\r\n       <!-- <h3>节点源</h3> -->\r\n       <el-descriptions title=\"节点源\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"来源\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"源极状态\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"稳定状态\">{{ form.state }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"视频数据连接\">{{ form.endTime }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"源分辨率\">{{ form.blacklist }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"神经网络分辨率\">{{ form.autograph }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"输入帧速率\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"解码器帧速率\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"检测器帧速率\">{{ form.version2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"最后一帧分析时间\">{{ form.version4 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"运动状态\">{{ form.version5 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"摄像机盘\">{{ form.version6 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"摄像机倾斜\">{{ form.version7 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"照相机变焦\">{{ form.version8 }}</el-descriptions-item>\r\n        </el-descriptions>\r\n      <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"来源：\"> \r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源极状态：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"稳定状态：\">\r\n          {{ form.state }}\r\n        </el-form-item>\r\n        <el-form-item label=\"视频数据连接：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源分辨率：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"神经网络分辨率：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"输入帧速率：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"解码器帧速率：\">\r\n          {{ form.version1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"检测器帧速率：\">\r\n          {{ form.version2 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"最后一帧分析时间：\">\r\n          {{ form.version4 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"运动状态：\">\r\n          {{ form.version5 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机盘：\">\r\n          {{ form.version6 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机倾斜：\">\r\n          {{ form.version7 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"照相机变焦：\">\r\n          {{ form.version8 }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n       <el-descriptions title=\"立方体分析\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"多维数据集ID\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"分析ID\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"分析序列ID\">{{ form.state }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的轨迹\">{{ form.endTime }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"总缓存容量\">{{ form.blacklist }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"高速缓存启动\">{{ form.autograph }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"高速缓存结束\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的第一条线索\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的第最后一条线索\">{{ form.version2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"上次自动保存时间戳\">{{ form.version4 }}</el-descriptions-item>\r\n        </el-descriptions>\r\n    <!-- <h3>立方体分析</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"多维数据集ID：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析ID：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析序列ID：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的轨迹：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"总缓存容量：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存启动：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存结束：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第最后一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n         <el-form-item label=\"上次自动保存时间戳：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n      <el-descriptions title=\"洞察同步\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"上次同步时间戳\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"同步上次评估数据的差异\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"同步上次图像数据的差异\">{{ form.state }}</el-descriptions-item>\r\n        </el-descriptions> \r\n     <!-- <h3>洞察同步</h3> -->\r\n      <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"上次同步时间戳：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次评估数据的差异：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次图像数据的差异：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\" style=\"margin-top:15px\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.statusMain{\r\n  width: 100%;\r\n  height: 100%;\r\n      .el-descriptions{\r\n        margin-top: 15px !important;\r\n      }\r\n}\r\n//  .test-div i {\r\n//    font-size: 25px;\r\n//  }\r\n//  .el-form-item {\r\n//    margin-bottom: 0px;\r\n//  }\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cc75f4c084ebe33a88fef43182f661cf.json b/node_modules/.cache/vue-loader/cc75f4c084ebe33a88fef43182f661cf.json
new file mode 100644
index 00000000..99e5c215
--- /dev/null
+++ b/node_modules/.cache/vue-loader/cc75f4c084ebe33a88fef43182f661cf.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue?vue&type=template&id=603ea6ac&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\barChart.vue","mtime":1673315311937},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div id=\"barChart\" ref=\"barChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ccc4de7a82285fe5b654b59568e230a1.json b/node_modules/.cache/vue-loader/ccc4de7a82285fe5b654b59568e230a1.json
new file mode 100644
index 00000000..b8c2265a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ccc4de7a82285fe5b654b59568e230a1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-2.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["test3-2.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;AACA;AACA;;AAEA;AACA;AACA","file":"test3-2.vue","sourceRoot":"src/page/test3","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主题页面 3 - 2</p>\r\n    <div class=\"test-div\">\r\n      <el-alert\r\n        title=\"成功提示的文案\"\r\n        type=\"success\"\r\n        :closable=\"false\"\r\n        center\r\n        show-icon>\r\n      </el-alert>\r\n      <el-alert\r\n        title=\"消息提示的文案\"\r\n        type=\"info\"\r\n        show-icon>\r\n      </el-alert>\r\n      <el-alert\r\n        title=\"警告提示的文案\"\r\n        type=\"warning\"\r\n        close-text=\"好的\">\r\n      </el-alert>\r\n      <el-alert\r\n        title=\"错误提示的文案\"\r\n        type=\"error\"\r\n        description=\"文字说明文字说明文字说明文字说明文字说明文字说明\"\r\n        show-icon>\r\n      </el-alert>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ccebc64566042e31d70f60a4f67bc85c.json b/node_modules/.cache/vue-loader/ccebc64566042e31d70f60a4f67bc85c.json
new file mode 100644
index 00000000..d9da1441
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ccebc64566042e31d70f60a4f67bc85c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n    <div class=\"login-wrap\">\r\n        <div class=\"ms-login\">\r\n            <div class=\"ms-title\"></div>\r\n            <div class=\"content\">\r\n                <div class=\"welcome\">欢迎登录</div>\r\n                <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\r\n                    <el-form-item prop=\"username\" label=\"用户名\">\r\n                        <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\r\n                        <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <div class=\"unforget\" style=\"margin-left:15px\">\r\n                      <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\r\n                    </div>\r\n                </el-form>\r\n                <div class=\"login-btn\">\r\n                        <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    // background: url('../assets/img/bg.gif');\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 23.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ce4c9c98dd01e2586ab7036c64eea925.json b/node_modules/.cache/vue-loader/ce4c9c98dd01e2586ab7036c64eea925.json
new file mode 100644
index 00000000..c3cfbeab
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ce4c9c98dd01e2586ab7036c64eea925.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./VPN.vue?vue&type=template&id=3b05fefa&scoped=true&\"\nimport script from \"./VPN.vue?vue&type=script&lang=js&\"\nexport * from \"./VPN.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VPN.vue?vue&type=style&index=0&id=3b05fefa&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3b05fefa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3b05fefa')) {\n      api.createRecord('3b05fefa', component.options)\n    } else {\n      api.reload('3b05fefa', component.options)\n    }\n    module.hot.accept(\"./VPN.vue?vue&type=template&id=3b05fefa&scoped=true&\", function () {\n      api.rerender('3b05fefa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/general/VPN.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ce7657075fcf0b8dbbbd0e3303168345.json b/node_modules/.cache/vue-loader/ce7657075fcf0b8dbbbd0e3303168345.json
index e5c5e1b9..bb803652 100644
--- a/node_modules/.cache/vue-loader/ce7657075fcf0b8dbbbd0e3303168345.json
+++ b/node_modules/.cache/vue-loader/ce7657075fcf0b8dbbbd0e3303168345.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673318378970},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\"\nimport script from \"./headWayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./headWayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3a3b80e6\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3a3b80e6')) {\n      api.createRecord('3a3b80e6', component.options)\n    } else {\n      api.reload('3a3b80e6', component.options)\n    }\n    module.hot.accept(\"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\", function () {\n      api.rerender('3a3b80e6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/headWayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673580612950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\"\nimport script from \"./headWayChart.vue?vue&type=script&lang=js&\"\nexport * from \"./headWayChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./headWayChart.vue?vue&type=style&index=0&id=3a3b80e6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3a3b80e6\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3a3b80e6')) {\n      api.createRecord('3a3b80e6', component.options)\n    } else {\n      api.reload('3a3b80e6', component.options)\n    }\n    module.hot.accept(\"./headWayChart.vue?vue&type=template&id=3a3b80e6&scoped=true&\", function () {\n      api.rerender('3a3b80e6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/headWayChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/cf2aa013ced808846e69f0cfa0649b8b.json b/node_modules/.cache/vue-loader/cf2aa013ced808846e69f0cfa0649b8b.json
index c32f46ef..ddd316b8 100644
--- a/node_modules/.cache/vue-loader/cf2aa013ced808846e69f0cfa0649b8b.json
+++ b/node_modules/.cache/vue-loader/cf2aa013ced808846e69f0cfa0649b8b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312077829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\"\nimport script from \"./regionTable.vue?vue&type=script&lang=js&\"\nexport * from \"./regionTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35ac0829\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('35ac0829')) {\n      api.createRecord('35ac0829', component.options)\n    } else {\n      api.reload('35ac0829', component.options)\n    }\n    module.hot.accept(\"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\", function () {\n      api.rerender('35ac0829', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/regionTable.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\"\nimport script from \"./regionTable.vue?vue&type=script&lang=js&\"\nexport * from \"./regionTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"35ac0829\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('35ac0829')) {\n      api.createRecord('35ac0829', component.options)\n    } else {\n      api.reload('35ac0829', component.options)\n    }\n    module.hot.accept(\"./regionTable.vue?vue&type=template&id=35ac0829&scoped=true&\", function () {\n      api.rerender('35ac0829', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/regionTable.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d09718c1fbea0f729bb9636802f6ab6c.json b/node_modules/.cache/vue-loader/d09718c1fbea0f729bb9636802f6ab6c.json
new file mode 100644
index 00000000..ec85e259
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d09718c1fbea0f729bb9636802f6ab6c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue?vue&type=template&id=2e476fee&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 1 </p>\r\n    <div class=\"test-div\">\r\n      <el-steps :active=\"active\" finish-status=\"success\" style=\"width:50%;\">\r\n        <el-step title=\"步骤 1\"></el-step>\r\n        <el-step title=\"步骤 2\"></el-step>\r\n        <el-step title=\"步骤 3\"></el-step>\r\n      </el-steps>\r\n      <el-button @click=\"next()\" type=\"primary\">下一步</el-button>\r\n    </div>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d0be59e7f2b4deeb15ea9cd19c681b40.json b/node_modules/.cache/vue-loader/d0be59e7f2b4deeb15ea9cd19c681b40.json
new file mode 100644
index 00000000..ae90f704
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d0be59e7f2b4deeb15ea9cd19c681b40.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue?vue&type=template&id=0b0874af&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 4 </p>\r\n    <div class=\"test-div\">\r\n      <span>自定义初始值 {{ value }}</span>\r\n      <el-slider v-model=\"value\" style=\"width:50%;\"></el-slider>\r\n    </div>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d0f39c579e7640a24da0c9c3746227a4.json b/node_modules/.cache/vue-loader/d0f39c579e7640a24da0c9c3746227a4.json
new file mode 100644
index 00000000..8e1d1190
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d0f39c579e7640a24da0c9c3746227a4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=7ba5bd90&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7ba5bd90')) {\n      api.createRecord('7ba5bd90', component.options)\n    } else {\n      api.reload('7ba5bd90', component.options)\n    }\n    module.hot.accept(\"./App.vue?vue&type=template&id=7ba5bd90&\", function () {\n      api.rerender('7ba5bd90', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/App.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d14dce2799b1cc7692ee3e10b52fd850.json b/node_modules/.cache/vue-loader/d14dce2799b1cc7692ee3e10b52fd850.json
new file mode 100644
index 00000000..fa2484ea
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d14dce2799b1cc7692ee3e10b52fd850.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue","mtime":1673415153060},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyLA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> 速度组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d15460ab7c39aedc6979309d1c7e4446.json b/node_modules/.cache/vue-loader/d15460ab7c39aedc6979309d1c7e4446.json
new file mode 100644
index 00000000..35e576f8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d15460ab7c39aedc6979309d1c7e4446.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\"\nimport script from \"./Whole.vue?vue&type=script&lang=js&\"\nexport * from \"./Whole.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Whole.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"39ed39fa\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('39ed39fa')) {\n      api.createRecord('39ed39fa', component.options)\n    } else {\n      api.reload('39ed39fa', component.options)\n    }\n    module.hot.accept(\"./Whole.vue?vue&type=template&id=39ed39fa&scoped=true&\", function () {\n      api.rerender('39ed39fa', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/common/Whole.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d19c4481061a42f91edf2f934d604c6c.json b/node_modules/.cache/vue-loader/d19c4481061a42f91edf2f934d604c6c.json
new file mode 100644
index 00000000..d818e08c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d19c4481061a42f91edf2f934d604c6c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue'\r\nimport OD from '../../components/target/OD.vue'\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2==true?'upActive':'active'\"  @click=\"sectionHandle()\" ></span>\r\n                        </div>\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\"/>\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <congestionChart :pageType=\"'断面'\" triggerType=\"触发\" />\r\n                        <lineUpChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <delayChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                        <checkChart :pageType=\"'断面'\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n\r\n                \r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1==true?'upActive':'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\"/>\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        \r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue'\r\nimport OD from '../../components/target/OD.vue'\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n    \r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active{\r\n  transition:  all .5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d20360d0733a1c923c5250a731b89444.json b/node_modules/.cache/vue-loader/d20360d0733a1c923c5250a731b89444.json
new file mode 100644
index 00000000..f5b1da96
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d20360d0733a1c923c5250a731b89444.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue?vue&type=template&id=2ab7ee0a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"导入设置\")]),\n        _c(\n          \"el-upload\",\n          {\n            ref: \"upload\",\n            staticClass: \"upload-demo\",\n            attrs: {\n              action: \"https://jsonplaceholder.typicode.com/posts/\",\n              \"file-list\": _vm.fileList,\n              \"auto-upload\": false\n            },\n            on: {\n              \"on-success\": _vm.fileSuccess,\n              \"on-error\": _vm.fileError,\n              \"on-progress\": _vm.fileProgress\n            }\n          },\n          [\n            _c(\n              \"el-button\",\n              {\n                attrs: { slot: \"trigger\", size: \"small\", type: \"primary\" },\n                slot: \"trigger\"\n              },\n              [_vm._v(\"选取文件\")]\n            ),\n            _c(\n              \"el-button\",\n              {\n                staticStyle: { \"margin-left\": \"10px\" },\n                attrs: { size: \"small\", type: \"success\" },\n                on: { click: _vm.submitUpload }\n              },\n              [_vm._v(\"导入\")]\n            )\n          ],\n          1\n        ),\n        _vm._m(0)\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409EFF\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"范围1-8、默认6\\n      将一个保存好的系统设置文件导入本系统。导入后将覆盖现有的所有分析和用户设置，并重启系统，未保存的数据可能会丢失，请谨慎使用.\\n    \"\n      )\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d2546534ae5677a8e58b60df59c2c2c4.json b/node_modules/.cache/vue-loader/d2546534ae5677a8e58b60df59c2c2c4.json
new file mode 100644
index 00000000..d51fd86c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d2546534ae5677a8e58b60df59c2c2c4.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue?vue&type=template&id=1027cecd&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\avgChart.vue","mtime":1673514356812},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"barChart\" ref=\"barChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d2755d56fcffb765e6437621a1a9ab80.json b/node_modules/.cache/vue-loader/d2755d56fcffb765e6437621a1a9ab80.json
index d243fdee..277eed87 100644
--- a/node_modules/.cache/vue-loader/d2755d56fcffb765e6437621a1a9ab80.json
+++ b/node_modules/.cache/vue-loader/d2755d56fcffb765e6437621a1a9ab80.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { ref: \"box\", staticClass: \"box\", staticStyle: { height: \"100vh\" } },\n    [\n      _vm.activeName == \"second\"\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\"div\", { staticClass: \"plate1\" }, [\n              _c(\"div\", { ref: \"section\", staticClass: \"section\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"sectionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title1))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count2 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.sectionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"typeChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"触发\" }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"触发\" }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"触发\" }\n                    }),\n                    _c(\"congestionChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"触发\" }\n                    }),\n                    _c(\"lineUpChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"delayChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"checkChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"周期统计\" }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ]),\n            _c(\"div\", { staticClass: \"plate2\" }, [\n              _c(\"div\", { ref: \"region\", staticClass: \"region\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"regionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title2))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count1 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.regionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"OD\", {\n                      attrs: { pageType: \"区域\", triggerType: \"触发\" }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"触发\" }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"lineUpChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"触发\" }\n                    }),\n                    _c(\"checkChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期时刻\" }\n                    }),\n                    _c(\"delayChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"congestionChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"headWayChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期统计\" }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ])\n          ])\n        : _vm._e()\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673579698759},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { ref: \"box\", staticClass: \"box\", staticStyle: { height: \"100vh\" } },\n    [\n      _vm.activeName == \"second\"\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\"div\", { staticClass: \"plate1\" }, [\n              _c(\"div\", { ref: \"section\", staticClass: \"section\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"sectionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title1))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count2 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.sectionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"typeChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"congestionChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"lineUpChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"周期统计\",\n                        data: _vm.sectionList\n                      }\n                    }),\n                    _c(\"delayChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"周期统计\",\n                        data: _vm.sectionList\n                      }\n                    }),\n                    _c(\"checkChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"周期统计\",\n                        data: _vm.sectionList\n                      }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ]),\n            _c(\"div\", { staticClass: \"plate2\" }, [\n              _c(\"div\", { ref: \"region\", staticClass: \"region\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"regionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title2))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count1 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.regionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"OD\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"lineUpChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"checkChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期时刻\",\n                        data: _vm.regionList1\n                      }\n                    }),\n                    _c(\"delayChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"congestionChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"headWayChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList1\n                      }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ])\n          ])\n        : _vm._e()\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d290f4ec75d18c9516a87dfba0929c13.json b/node_modules/.cache/vue-loader/d290f4ec75d18c9516a87dfba0929c13.json
index 048be715..5e974f35 100644
--- a/node_modules/.cache/vue-loader/d290f4ec75d18c9516a87dfba0929c13.json
+++ b/node_modules/.cache/vue-loader/d290f4ec75d18c9516a87dfba0929c13.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673315251737},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"> <span class=\"titleIcon\"></span>  检测数组件</p>\n    <div class=\"typeContent\">\n        <el-card style='width:150px;margin-bottom:20px;text-align:center'>\n            <div style=\"font-size:30px;font-weight:bold;\">99</div>\n                <div style=\"padding: 14px;\">\n                    <span>数值</span>\n                    <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49{{ currentDate }}</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n\n\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>{{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d2c29f7c0eb4f3e8640ba2b13932a968.json b/node_modules/.cache/vue-loader/d2c29f7c0eb4f3e8640ba2b13932a968.json
new file mode 100644
index 00000000..89d08f2a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d2c29f7c0eb4f3e8640ba2b13932a968.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue?vue&type=template&id=650d6904&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"pagination-container\", class: { hidden: _vm.hidden } },\n    [\n      _c(\n        \"el-pagination\",\n        _vm._b(\n          {\n            attrs: {\n              background: _vm.background,\n              \"current-page\": _vm.currentPage,\n              \"page-size\": _vm.pageSize,\n              layout: _vm.layout,\n              \"page-sizes\": _vm.pageSizes,\n              total: _vm.total\n            },\n            on: {\n              \"update:currentPage\": function($event) {\n                _vm.currentPage = $event\n              },\n              \"update:current-page\": function($event) {\n                _vm.currentPage = $event\n              },\n              \"update:pageSize\": function($event) {\n                _vm.pageSize = $event\n              },\n              \"update:page-size\": function($event) {\n                _vm.pageSize = $event\n              },\n              \"size-change\": _vm.handleSizeChange,\n              \"current-change\": _vm.handleCurrentChange\n            }\n          },\n          \"el-pagination\",\n          _vm.$attrs,\n          false\n        )\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d3696e2a0d8d8a46da19996b2fffd893.json b/node_modules/.cache/vue-loader/d3696e2a0d8d8a46da19996b2fffd893.json
new file mode 100644
index 00000000..836016f6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d3696e2a0d8d8a46da19996b2fffd893.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=template&id=57b7d65b&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"statusMain\">\n  <div >\n    <!-- <p>节点源</p> -->\n     <!-- <h3>节点源</h3> -->\n     <el-descriptions title=\"节点源\"  :column=\"5\" border>\n          <el-descriptions-item label=\"来源\"> {{ form.name1 }}</el-descriptions-item>\n          <el-descriptions-item label=\"源极状态\">{{ form.name2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"稳定状态\">{{ form.state }}</el-descriptions-item>\n          <el-descriptions-item label=\"视频数据连接\">{{ form.endTime }}</el-descriptions-item>\n          <el-descriptions-item label=\"源分辨率\">{{ form.blacklist }}</el-descriptions-item>\n          <el-descriptions-item label=\"神经网络分辨率\">{{ form.autograph }}</el-descriptions-item>\n          <el-descriptions-item label=\"输入帧速率\">{{ form.version }}</el-descriptions-item>\n          <el-descriptions-item label=\"解码器帧速率\">{{ form.version }}</el-descriptions-item>\n          <el-descriptions-item label=\"检测器帧速率\">{{ form.version2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"最后一帧分析时间\">{{ form.version4 }}</el-descriptions-item>\n          <el-descriptions-item label=\"运动状态\">{{ form.version5 }}</el-descriptions-item>\n          <el-descriptions-item label=\"摄像机盘\">{{ form.version6 }}</el-descriptions-item>\n          <el-descriptions-item label=\"摄像机倾斜\">{{ form.version7 }}</el-descriptions-item>\n          <el-descriptions-item label=\"照相机变焦\">{{ form.version8 }}</el-descriptions-item>\n      </el-descriptions>\n    <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"来源：\"> \n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"源极状态：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"稳定状态：\">\n        {{ form.state }}\n      </el-form-item>\n      <el-form-item label=\"视频数据连接：\">\n        {{ form.endTime }}\n      </el-form-item>\n      <el-form-item label=\"源分辨率：\">\n        {{ form.blacklist }}\n      </el-form-item>\n      <el-form-item label=\"神经网络分辨率：\">\n        {{ form.autograph }}\n      </el-form-item>\n      <el-form-item label=\"输入帧速率：\">\n        {{ form.version }}\n      </el-form-item>\n      <el-form-item label=\"解码器帧速率：\">\n        {{ form.version1 }}\n      </el-form-item>\n      <el-form-item label=\"检测器帧速率：\">\n        {{ form.version2 }}\n      </el-form-item>\n       <el-form-item label=\"最后一帧分析时间：\">\n        {{ form.version4 }}\n      </el-form-item>\n       <el-form-item label=\"运动状态：\">\n        {{ form.version5 }}\n      </el-form-item>\n       <el-form-item label=\"摄像机盘：\">\n        {{ form.version6 }}\n      </el-form-item>\n       <el-form-item label=\"摄像机倾斜：\">\n        {{ form.version7 }}\n      </el-form-item>\n      <el-form-item label=\"照相机变焦：\">\n        {{ form.version8 }}\n      </el-form-item>\n    </el-form> -->\n     <el-descriptions title=\"立方体分析\"  :column=\"5\" border>\n          <el-descriptions-item label=\"多维数据集ID\"> {{ form.name1 }}</el-descriptions-item>\n          <el-descriptions-item label=\"分析ID\">{{ form.name2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"分析序列ID\">{{ form.state }}</el-descriptions-item>\n          <el-descriptions-item label=\"缓存中的轨迹\">{{ form.endTime }}</el-descriptions-item>\n          <el-descriptions-item label=\"总缓存容量\">{{ form.blacklist }}</el-descriptions-item>\n          <el-descriptions-item label=\"高速缓存启动\">{{ form.autograph }}</el-descriptions-item>\n          <el-descriptions-item label=\"高速缓存结束\">{{ form.version }}</el-descriptions-item>\n          <el-descriptions-item label=\"缓存中的第一条线索\">{{ form.version }}</el-descriptions-item>\n          <el-descriptions-item label=\"缓存中的第最后一条线索\">{{ form.version2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"上次自动保存时间戳\">{{ form.version4 }}</el-descriptions-item>\n      </el-descriptions>\n  <!-- <h3>立方体分析</h3>\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"多维数据集ID：\">\n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"分析ID：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"分析序列ID：\">\n        {{ form.startTime }}\n      </el-form-item>\n      <el-form-item label=\"缓存中的轨迹：\">\n        {{ form.endTime }}\n      </el-form-item>\n      <el-form-item label=\"总缓存容量：\">\n        {{ form.blacklist }}\n      </el-form-item>\n      <el-form-item label=\"高速缓存启动：\">\n        {{ form.autograph }}\n      </el-form-item>\n      <el-form-item label=\"高速缓存结束：\">\n        {{ form.version }}\n      </el-form-item>\n      <el-form-item label=\"缓存中的第一条线索：\">\n        {{ form.version }}\n      </el-form-item>\n      <el-form-item label=\"缓存中的第最后一条线索：\">\n        {{ form.version }}\n      </el-form-item>\n       <el-form-item label=\"上次自动保存时间戳：\">\n        {{ form.version }}\n      </el-form-item>\n    </el-form> -->\n    <el-descriptions title=\"洞察同步\"  :column=\"5\" border>\n          <el-descriptions-item label=\"上次同步时间戳\"> {{ form.name1 }}</el-descriptions-item>\n          <el-descriptions-item label=\"同步上次评估数据的差异\">{{ form.name2 }}</el-descriptions-item>\n          <el-descriptions-item label=\"同步上次图像数据的差异\">{{ form.state }}</el-descriptions-item>\n      </el-descriptions> \n   <!-- <h3>洞察同步</h3> -->\n    <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\n      <el-form-item label=\"上次同步时间戳：\">\n        {{ form.name1 }}\n      </el-form-item>\n      <el-form-item label=\"同步上次评估数据的差异：\">\n        {{ form.name2 }}\n      </el-form-item>\n      <el-form-item label=\"同步上次图像数据的差异：\">\n        {{ form.startTime }}\n      </el-form-item>\n    </el-form> -->\n    <el-button @click=\"showUpdateCertificate = true\" type=\"primary\" style=\"margin-top:15px\">更新证书</el-button>\n\n    <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\n      <el-row>\n        <el-col :span=\"6\">\n          文件选择：\n        </el-col>\n        <el-col :span=\"18\">\n          <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\n          </el-upload>\n        </el-col>\n      </el-row>\n\n      <span slot=\"footer\" class=\"dialog-footer\">\n        <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\n      </span>\n    </el-dialog>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d4f0bbba8488845030a492d533b27a3b.json b/node_modules/.cache/vue-loader/d4f0bbba8488845030a492d533b27a3b.json
index 93862108..f109148f 100644
--- a/node_modules/.cache/vue-loader/d4f0bbba8488845030a492d533b27a3b.json
+++ b/node_modules/.cache/vue-loader/d4f0bbba8488845030a492d533b27a3b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312077829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"tableContent\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.type == \"触发\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"carNumber\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"视频帧\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"存车数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"排队数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"占用状态\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"headWay\",\n                  label: \"空间平均速度\"\n                }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期时刻\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"carNumber\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"视频帧\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"存车数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"排队数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"占用状态\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"headWay\",\n                  label: \"空间平均速度\"\n                }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期统计\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"time\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"驶入流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"驶离流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均存车数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均排队数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均占有率\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均延误\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均速度\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [_c(\"el-select\", [_c(\"el-option\")], 1)],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n                    _vm._v(\"确认\")\n                  ]),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"tableContent\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.type == \"触发\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"视频路\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"carNumber\", label: \"目标编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"车牌\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"速度\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"headWay\",\n                  label: \"监测触发事件\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"车道\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"车头时距\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期时刻\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"carNumber\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"视频帧\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"存车数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"排队数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"占用状态\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"headWay\",\n                  label: \"空间平均速度\"\n                }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期统计\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"time\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"驶入流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"驶离流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均存车数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均排队数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均占有率\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均延误\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均速度\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [_c(\"el-select\", [_c(\"el-option\")], 1)],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n                    _vm._v(\"确认\")\n                  ]),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d53ce51196aa7456510c30d018ba98a1.json b/node_modules/.cache/vue-loader/d53ce51196aa7456510c30d018ba98a1.json
index cf356fa8..8998dbb8 100644
--- a/node_modules/.cache/vue-loader/d53ce51196aa7456510c30d018ba98a1.json
+++ b/node_modules/.cache/vue-loader/d53ce51196aa7456510c30d018ba98a1.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673256991481},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\"\nimport script from \"./thermalChart.vue?vue&type=script&lang=js&\"\nexport * from \"./thermalChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1a931328\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1a931328')) {\n      api.createRecord('1a931328', component.options)\n    } else {\n      api.reload('1a931328', component.options)\n    }\n    module.hot.accept(\"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\", function () {\n      api.rerender('1a931328', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/thermalChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1673515658628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\"\nimport script from \"./thermalChart.vue?vue&type=script&lang=js&\"\nexport * from \"./thermalChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1a931328\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1a931328')) {\n      api.createRecord('1a931328', component.options)\n    } else {\n      api.reload('1a931328', component.options)\n    }\n    module.hot.accept(\"./thermalChart.vue?vue&type=template&id=1a931328&scoped=true&\", function () {\n      api.rerender('1a931328', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/thermalChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d6001801b5ed18882a9a824d8bcbb0a1.json b/node_modules/.cache/vue-loader/d6001801b5ed18882a9a824d8bcbb0a1.json
new file mode 100644
index 00000000..ee80bb12
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d6001801b5ed18882a9a824d8bcbb0a1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue?vue&type=template&id=498bb2bc&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n\n  <el-aside>\n    <SideMenu :itemList='itemList'></SideMenu>\n  </el-aside>\n  <el-main>\n    <router-view></router-view>\n  </el-main>\n\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d706866fc0eb47a1afa1670012e7dfca.json b/node_modules/.cache/vue-loader/d706866fc0eb47a1afa1670012e7dfca.json
index 3539d125..fd813eba 100644
--- a/node_modules/.cache/vue-loader/d706866fc0eb47a1afa1670012e7dfca.json
+++ b/node_modules/.cache/vue-loader/d706866fc0eb47a1afa1670012e7dfca.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673257811148},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.border {\r\nwidth: 100%;\r\nmargin-bottom: 20px;\r\nposition: relative;\r\n}\r\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6JA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  排队数组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <barChart :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <barChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <barChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\nname: 'lineUpChart', //排队数组件\r\ncomponents: {\r\n    lineChart,\r\n    barChart,\r\n    tableShow,\r\n    detailDialog,\r\n    thermalChart,\r\n    regionTable\r\n},\r\nprops: ['pageType', 'triggerType'],\r\ndata() {\r\n    return {\r\n        tableData: [\r\n            {\r\n                time: '7:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.999999',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '80',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '9:40',\r\n                type: '货车',\r\n                carNumber: '苏E.888888',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '60',\r\n                headWay: '10'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                carNumber: '苏E.777777',\r\n                lane: '成华大道',\r\n                event: 'in',\r\n                speed: '90',\r\n                headWay: '10'\r\n            }\r\n        ],\r\n        periodicTime: [\r\n            {\r\n                time: '17:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '50',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '22:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '30',\r\n                CongestionStatus: '拥堵'\r\n            },\r\n            {\r\n                time: '24:00',\r\n                type: '货车',\r\n                lane: '西城车道',\r\n                lineUp: '200',\r\n                check: '300',\r\n                ownStatus: '空',\r\n                speed: '80',\r\n                CongestionStatus: '拥堵'\r\n            }\r\n        ],\r\n        periodicStatistic: [\r\n            {\r\n                time: '9:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '60',\r\n                avgFlow: '200'\r\n            },\r\n            {\r\n                time: '10:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '55',\r\n                avgFlow: '50'\r\n            },\r\n            {\r\n                time: '11:40',\r\n                type: '小汽车',\r\n                event: 'out',\r\n                lane: '西北大道',\r\n                speed: '61',\r\n                avgFlow: '40'\r\n            }\r\n        ]\r\n    };\r\n},\r\nmethods: {},\r\nmounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\nbox-sizing: border-box;\r\n}\r\n\r\n.border {\r\nwidth: 100%;\r\nmargin-bottom: 20px;\r\nposition: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["lineUpChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"lineUpChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    props: ['pageType', 'triggerType'],\r\n    data() {\r\n        return {\r\n            title: '排队数组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d7685f939025040f550be6acb6ef4b64.json b/node_modules/.cache/vue-loader/d7685f939025040f550be6acb6ef4b64.json
new file mode 100644
index 00000000..6eff9b58
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d7685f939025040f550be6acb6ef4b64.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue?vue&type=template&id=386da402&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">FTP设置</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n\n    <el-form :model=\"form\" label-position=\"left\" label-width=\"110px\" style=\"width:50%\">\n      <el-form-item label=\"账号：\">\n        <el-input placeholder=\"请输入账号名\" v-model=\"form.ComponentPropsname\" clearable></el-input>\n      </el-form-item>\n      <el-form-item label=\"密码：\">\n        <el-input placeholder=\"请输入密码\" v-model=\"form.password\" show-password></el-input>\n      </el-form-item>\n      <el-form-item label=\"FTP：\">\n        <el-input placeholder=\"请输入账号名\" v-model=\"form.FTP\" clearable></el-input>\n      </el-form-item>\n    </el-form>\n\n    <el-button type=\"primary\" @cilck=\"Submit\">修改</el-button>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d78f9392eda9b2c14cdac9f588123cda.json b/node_modules/.cache/vue-loader/d78f9392eda9b2c14cdac9f588123cda.json
new file mode 100644
index 00000000..edbc209c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d78f9392eda9b2c14cdac9f588123cda.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=style&index=0&id=84f76fcc&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673590673775},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon {\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2IA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"plate\" label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"lane\" label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"headWay\" label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        },\r\n        onSubmit() {},\r\n        handleClose() {}\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon {\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d7d909fd5506e13d80ec599d223a15b3.json b/node_modules/.cache/vue-loader/d7d909fd5506e13d80ec599d223a15b3.json
new file mode 100644
index 00000000..e8cc0c81
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d7d909fd5506e13d80ec599d223a15b3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue?vue&type=template&id=d51955fc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<section class=\"main\">\n  <div class=\"crumbs\">\n    <el-breadcrumb separator=\"/\">\n      <el-breadcrumb-item>{{ $t('i18n.breadcrumb') }}</el-breadcrumb-item>\n    </el-breadcrumb>\n  </div>\n  <div class=\"container\">\n    <span>{{ $t('i18n.tips') }}</span>\n    <el-button type=\"primary\" @click=\"$i18n.locale = $i18n.locale === 'zh' ? 'en' : 'zh'\">{{ $t('i18n.btn') }}</el-button>\n    <div class=\"list\">\n      <h2>{{ $t('i18n.title1') }}</h2>\n      <p>{{ $t('i18n.p1') }}</p>\n      <p>{{ $t('i18n.p2') }}</p>\n      <p>{{ $t('i18n.p3') }}</p>\n    </div>\n    <h2>{{ $t('i18n.title2') }}</h2>\n    <div>\n      <i18n path=\"i18n.info\" tag=\"p\">\n        <a place=\"action\" href=\"https://element.eleme.cn/2.0/#/zh-CN/component/i18n\">{{ $t('i18n.value') }}</a>\n      </i18n>\n    </div>\n  </div>\n</section>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d812017ba8ada72050836ec85e3c413e.json b/node_modules/.cache/vue-loader/d812017ba8ada72050836ec85e3c413e.json
new file mode 100644
index 00000000..8ede9065
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d812017ba8ada72050836ec85e3c413e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673345291555},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '0',\r\n              label: '南'\r\n            }, {\r\n              value: '1',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyaA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"UTM区：\" v-if=\"coordinateForm.coordinateClose == true\" class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"10\"></el-input-number>\r\n                                <div class=\"warning\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"item in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '0',\r\n              label: '南'\r\n            }, {\r\n              value: '1',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d96c20722cf02a59c1b67ec6b1f71686.json b/node_modules/.cache/vue-loader/d96c20722cf02a59c1b67ec6b1f71686.json
new file mode 100644
index 00000000..69ff0ede
--- /dev/null
+++ b/node_modules/.cache/vue-loader/d96c20722cf02a59c1b67ec6b1f71686.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <!-- <p>主体页面 1 - 2 </p>\n  <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <h1>运行状态</h1>\n    <el-form :model=\"runningState\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\n      <el-form-item label=\"类型：\">{{ runningState.type }}</el-form-item>\n      <el-form-item label=\"版本：\">{{ runningState.version }}</el-form-item>\n      <el-form-item label=\"当前系统时间：\">{{ runningState.currentTime }}</el-form-item>\n      <el-form-item label=\"开始运行时间：\">{{ runningState.startTime }}</el-form-item>\n      <el-form-item label=\"正常运行时长：\">{{ runningState.runTime }}</el-form-item>\n    </el-form>\n\n    <h1 class=\"mar-top20\">系统性能状态</h1>\n    <el-form :model=\"performance\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\n      <el-form-item label=\"正常运行时长：\">{{ performance.runTime }}</el-form-item>\n      <el-form-item label=\"平均Cpu利用率：\">{{ performance.averageCpuUtilization }}</el-form-item>\n      <el-form-item label=\"Cpu利用率：\">{{ performance.cpuUtilization }}</el-form-item>\n      <el-form-item label=\"Cpu温度：\">{{ performance.cpuTemperature }}</el-form-item>\n      <el-form-item label=\"Cpu名称：\">{{ performance.cpuName }}</el-form-item>\n      <el-form-item label=\"Gpu利用率：\">{{ performance.gpuUtilization }}</el-form-item>\n      <el-form-item label=\"Gpu温度：\">{{ performance.gpuTemperature }}</el-form-item>\n      <el-form-item label=\"使用的内存：\">{{ performance.memoryUsage }}</el-form-item>\n      <el-form-item label=\"内存总数：\">{{ performance.totalMemory }}</el-form-item>\n      <el-form-item label=\"已使用虚拟内存：\">{{ performance.virtualMemoryUsed }}</el-form-item>\n      <el-form-item label=\"虚拟内存总计：\">{{ performance.totalVirtualMemory }}</el-form-item>\n    </el-form>\n\n    <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\n      <el-table-column prop=\"mountingPoint\" label=\"安装点\">\n      </el-table-column>\n      <el-table-column prop=\"equipmentName\" label=\"设备名称\">\n      </el-table-column>\n      <el-table-column prop=\"occupancy\" label=\"使用\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.occupancy }}GB\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"total\" label=\"容量\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.total }}GB\n        </template>\n      </el-table-column>\n    </el-table>\n\n\n    <h1 class=\"mar-top20\">系统网络状态</h1>\n    <el-form :model=\"networkStatus\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\n      <el-form-item label=\"互联网接入：\">{{ networkStatus.internetAccess }}</el-form-item>\n      <el-form-item label=\"互联网延迟：\">{{ networkStatus.internetDelay }}</el-form-item>\n      <el-form-item label=\"DNS访问：\">{{ networkStatus.DNS }}</el-form-item>\n      <el-form-item label=\"本地VPN访问：\">{{ networkStatus.VPNvisit }}</el-form-item>\n      <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPN }}</el-form-item>\n      <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPNOpen }}</el-form-item>\n    </el-form>\n\n    <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\n      <el-table-column prop=\"connect\" label=\"连接\">\n      </el-table-column>\n      <el-table-column prop=\"IP\" label=\"IP地址\">\n      </el-table-column>\n      <el-table-column prop=\"acceptor\" label=\"接受\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.occupancy }}K\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"totalReceived\" label=\"收到的总数\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.total }}GB\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"transmission\" label=\"传输\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.total }}Kb/s\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"transmissionTotal\" label=\"传输的总数\">\n        <template slot-scope=\"scope\">\n          {{ scope.row.total }}MB\n        </template>\n      </el-table-column>\n    </el-table>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d9b817f0b6644a18e18e591737168a03.json b/node_modules/.cache/vue-loader/d9b817f0b6644a18e18e591737168a03.json
index d38abbcd..8ea38af0 100644
--- a/node_modules/.cache/vue-loader/d9b817f0b6644a18e18e591737168a03.json
+++ b/node_modules/.cache/vue-loader/d9b817f0b6644a18e18e591737168a03.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/d9f23e596626f4ac424e529f7bb38b60.json b/node_modules/.cache/vue-loader/d9f23e596626f4ac424e529f7bb38b60.json
index 8bd57be7..9a6f511d 100644
--- a/node_modules/.cache/vue-loader/d9f23e596626f4ac424e529f7bb38b60.json
+++ b/node_modules/.cache/vue-loader/d9f23e596626f4ac424e529f7bb38b60.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1672903634000},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      form: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      speedForm: {\r\n        name: '',\r\n        timeModel:'touch',\r\n        touchType:'实时（触发）',\r\n        num:'',\r\n        time:'',\r\n        date: '',\r\n        type: [],\r\n      },\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      carInfo: [], //小车信息\r\n      carName: '',\r\n      palletizerInfo: [], //码垛机信息\r\n      palletizerName: '',\r\n      destackerInfo: [], //拆垛机信息\r\n      destackerName: '',\r\n      hoistInfo: [], //提升机信息’\r\n      hoistName: '',\r\n      battaryStationInfo: [],//快换电池装置\r\n      battaryStationName: \"\",\r\n      conveyorInfo: [], //输送机信息\r\n      conveyorName: \"\",\r\n\r\n\r\n      activeName:\"first\"\r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n  created() {\r\n    this.testMqtt()\r\n\r\n  },\r\n  methods: {\r\n\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n    // 测试：mqtt测试\r\n    testMqtt() {\r\n      this.getDataByMqtt()\r\n      // 小车订阅\r\n      //   for (let key in this.carId) {\r\n      //     this.getDataByMqtt(\r\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Car\" + key,\r\n      //       this.carId[key]\r\n      //     );\r\n      //   }\r\n      //   //输送机入库订阅\r\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n      //       this.convoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   //输送机出库订阅\r\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n      //       this.outConvoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   for (let key in this.BattaryArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Battary_Sation\" + key,\r\n      //       this.BattaryArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 升降机订阅elvArr\r\n      //   for (let key in this.elvArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"ELV\" + key,\r\n      //       this.elvArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 拆码跺机订阅\r\n      //   for (let key in this.stampArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"INCMD\" + key,\r\n      //       this.stampArr[key]\r\n      //     );\r\n      //   }\r\n    },\r\n    onSubmit() { },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n    // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n       \r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n        //    this.client.connect('aaa', '111')\r\n          this.mqttClient.publish('aaa', '111');\r\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n          \r\n        });\r\n         \r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n             \r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n    Onweather(name) {\r\n      //   switch (name) {\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n      // \t\t\t\tcase \"阴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n      // \t\t\t\tcase \"暴雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n      // \t\t\t\tcase \"冰雹\":\r\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n      // \t\t\t\tcase \"大风\":\r\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n      // \t\t\t\tcase \"大雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n      // \t\t\t\tcase \"大雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n      // \t\t\t\tcase \"雷电\":\r\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n      // \t\t\t\tcase \"雷阵雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n      // \t\t\t\tcase \"沙尘暴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n      // \t\t\t\tcase \"晴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n      // \t\t\t\tcase \"雾霾\":\r\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n      // \t\t\t\tcase \"小雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n      // \t\t\t\tcase \"小雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n      // \t\t\t\tcase \"雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\r\n      // \t\t\t\tcase \"雨夹雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n      // \t\t\t\tcase \"月亮\":\r\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n      // \t\t\t\tcase \"中雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n      // \t\t\t\tcase \"中雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n      // \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox() {\r\n      this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs v-model=\"activeName\" type=\"border-card\" >\r\n        <el-tab-pane label=\"xx路口\" name=\"first\">\r\n            <div style=\"width:75%;height:900px;display:inline-block;border:1px soild #eee;\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\"></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <!-- <div style=\"width:60%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n            <img :src='imgUrl' width=\"100%\" height=\"100%\" />\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div>\r\n          <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px\">\r\n          </div> -->\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog title=\"断面组件配置\" width=\"40%\" :visible.sync=\"dialogFormVisible\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <!-- <el-form-item label=\"实时性\">\r\n    <el-radio-group v-model=\"form.resource\">\r\n      <el-radio label=\"实时（触发）\"></el-radio>\r\n      <el-radio label=\"间隔\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item> -->\r\n          <el-form-item label=\"断面名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\">\r\n            <el-select v-model=\"form.region\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"car\"></el-option>\r\n              <el-option label=\"方向\" value=\"bus\"></el-option>\r\n              <el-option label=\"双向\" value=\"kache\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"区域组件配置\" width=\"40%\" :visible.sync=\"areaComponent\">\r\n        <el-form ref=\"form\" :model=\"areaComponentform\" label-width=\"80px\">\r\n          <el-form-item label=\"区域名称\">\r\n            <el-input v-model=\"areaComponentform.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"轨迹组件配置\" width=\"40%\" :visible.sync=\"trajectory\">\r\n        <el-form ref=\"form\" :model=\"trackForm\" label-width=\"80px\">\r\n          <el-form-item label=\"轨迹名称：\">\r\n            <el-input v-model=\"trackForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      <el-dialog title=\"速度组件配置\" width=\"40%\" :visible.sync=\"speed\">\r\n        <el-form ref=\"form\" :model=\"speedForm\" label-width=\"80px\">\r\n          <el-form-item label=\"速度组件名称：\">\r\n            <el-input v-model=\"speedForm.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\">\r\n            <el-input v-model=\"speedForm.num\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"speedForm.timeModel\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <el-form-item label=\"触发类型：\" v-if=\"speedForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"speedForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item>\r\n        <el-form-item label=\"时刻：\" v-if=\"speedForm.timeModel=='timeing'\">\r\n          <el-slider v-model=\"speedForm.time\" show-input>\r\n            </el-slider>\r\n        </el-form-item>\r\n        <el-form-item label=\"时间：\" v-if=\"speedForm.timeModel=='date'\">\r\n           <el-date-picker\r\n       v-model=\"speedForm.date\"\r\n      type=\"datetimerange\"\r\n      range-separator=\"至\"\r\n      start-placeholder=\"开始日期\"\r\n      end-placeholder=\"结束日期\">\r\n    </el-date-picker>\r\n        </el-form-item>\r\n          <el-form-item label=\"展现形式：\">\r\n            <el-checkbox-group v-model=\"speedForm.type\">\r\n              <el-checkbox label=\"数值\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\"></el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\r\n            <el-button @click=\"dialogFormVisible = false\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n      \r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport axios from 'axios'\r\nexport default {\r\n  data() {\r\n    return {\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      form: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      speedForm: {\r\n        name: '',\r\n        timeModel:'touch',\r\n        touchType:'实时（触发）',\r\n        num:'',\r\n        time:'',\r\n        date: '',\r\n        type: [],\r\n      },\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      statusInfo: [\r\n        {\r\n          count: 15,\r\n          name: \"穿梭车在线数量\",\r\n          //   icon: require(\"../assets/images/运行设备图标.png\"),\r\n          color: \"#01A8FC\",\r\n        },\r\n        {\r\n          count: 26,\r\n          name: \"任务数量\",\r\n          //   icon: require(\"../assets/images/故障设备图标.png\"),\r\n          color: \"#FDA401\",\r\n        },\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      carInfo: [], //小车信息\r\n      carName: '',\r\n      palletizerInfo: [], //码垛机信息\r\n      palletizerName: '',\r\n      destackerInfo: [], //拆垛机信息\r\n      destackerName: '',\r\n      hoistInfo: [], //提升机信息’\r\n      hoistName: '',\r\n      battaryStationInfo: [],//快换电池装置\r\n      battaryStationName: \"\",\r\n      conveyorInfo: [], //输送机信息\r\n      conveyorName: \"\",\r\n\r\n\r\n      activeName:\"first\"\r\n    };\r\n  },\r\n  mounted() {\r\n\r\n    // this.getMessage();\r\n    // 消息提醒\r\n\r\n    // getfacKeepRecord({ type: 0 }).then((res) => {\r\n    //   this.messageInfo = this.messageInfo.concat(res.data);\r\n    //   console.log(this.messageInfo, \",,qweqw\");\r\n    //   // this.messageInfo.push(res.data[1]) \r\n    // });\r\n    // this.getDataByMqtt()\r\n    // this.getstatus();\r\n    // this.getInhouse();\r\n    // this.getOuthouse();\r\n    // this.handleWather();\r\n    // this.getDeviceStatusData()\r\n  },\r\n  created() {\r\n    this.testMqtt()\r\n\r\n  },\r\n  methods: {\r\n\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n    // 测试：mqtt测试\r\n    testMqtt() {\r\n      this.getDataByMqtt()\r\n      // 小车订阅\r\n      //   for (let key in this.carId) {\r\n      //     this.getDataByMqtt(\r\n      //       // \"ws:ht.mqtt.umayle.com:2022/mqtt\",\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Car\" + key,\r\n      //       this.carId[key]\r\n      //     );\r\n      //   }\r\n      //   //输送机入库订阅\r\n      //   for (let i = 0; i < this.convoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"InConvoyor\" + this.convoyorCIdGroup[i],\r\n      //       this.convoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   //输送机出库订阅\r\n      //   for (let i = 0; i < this.outConvoyorCIdGroup.length; i++) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"OUTConvoyor\" + this.outConvoyorCIdGroup[i],\r\n      //       this.outConvoyorCIdGroup[i]\r\n      //     );\r\n      //   }\r\n\r\n      //   for (let key in this.BattaryArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"Battary_Sation\" + key,\r\n      //       this.BattaryArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 升降机订阅elvArr\r\n      //   for (let key in this.elvArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"ELV\" + key,\r\n      //       this.elvArr[key]\r\n      //     );\r\n      //   }\r\n      //   // 拆码跺机订阅\r\n      //   for (let key in this.stampArr) {\r\n      //     this.getDataByMqtt(\r\n      //       \"ws:220.163.114.157:8083/mqtt\",\r\n      //       \"INCMD\" + key,\r\n      //       this.stampArr[key]\r\n      //     );\r\n      //   }\r\n    },\r\n    onSubmit() { },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n    // mqtt订阅（独立）\r\n    getDataByMqtt(url, topic, cIdNum) {\r\n       \r\n      const clientId = \"test_id_\" + String(new Date().getTime()); // 用户名\r\n      //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n      const host = 'ws://172.16.1.168:10087/';\r\n\r\n      const options = {\r\n        // 配置\r\n        // 测试：订阅本机IP\r\n        // host: host,\r\n        // port: port,\r\n        // host:\"172.16.1.168:10086\",\r\n        keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n        username: 'admin',  // 用户名（可选）\r\n        password: '123456',  // 密码（可选）\r\n        clientId: clientId, // 客户端ID，默认随机生成\r\n        protocolId: \"MQTT\",\r\n        protocolVersion: 4,\r\n        clean: true, // false在离线时接收QoS1和2的消息\r\n        reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n        connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n        will: {\r\n          // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n          topic: \"img1\", // 要发布的主题\r\n          payload: \"[MQTT-TEST] 遗嘱消息：连接异常断开！\", // 要发布的消息\r\n          qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n          retain: false, // 保留标志\r\n        },\r\n      };\r\n      if (this.mqttClient == undefined) {\r\n        this.mqttClient = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host, options); // 连接\r\n        // const client = mqtt.connect(host)  // 连接\r\n        // 错误回调\r\n        // console.log(\"this.mqttClient\", this.mqttClient)\r\n        this.mqttClient.on(\"error\", (err) => {\r\n          console.log(\"[MQTT-TEST] 连接错误：\", err);\r\n          this.mqttClient.end();\r\n        });\r\n        // 重连回调\r\n        this.mqttClient.on(\"reconnect\", (reconnect) => {\r\n        //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n        });\r\n        // 连接回调\r\n        this.mqttClient.on(\"connect\", (connect) => {\r\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n          // 订阅\r\n          this.mqttClient.subscribe('img0', { qos: 0 });\r\n        //    this.client.connect('aaa', '111')\r\n          this.mqttClient.publish('aaa', '111');\r\n        //   this.mqttClient.subscribe('msg_stream', { msg_flag: 0 });\r\n          this.mqttClient.subscribe('img1', { qos: 0 });\r\n          this.mqttClient.subscribe('img2', { qos: 0 });\r\n          this.mqttClient.subscribe('img3', { qos: 0 });\r\n          this.mqttClient.subscribe('img4', { qos: 0 });\r\n          this.mqttClient.subscribe('img5', { qos: 0 });\r\n          this.mqttClient.subscribe('stream0', { qos: 0 });\r\n          this.mqttClient.subscribe('stream1', { qos: 0 });\r\n          this.mqttClient.subscribe('stream2', { qos: 0 });\r\n          this.mqttClient.subscribe('stream3', { qos: 0 });\r\n          this.mqttClient.subscribe('stream4', { qos: 0 });\r\n          this.mqttClient.subscribe('stream5', { qos: 0 });\r\n          \r\n        });\r\n         \r\n        // 接收回调\r\n        this.mqttClient.on(\"message\", (topic, message, packet) => {\r\n            \r\n          if (topic.indexOf(\"img0\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   debugger\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n            //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n             \r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img1\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img2\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img3\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img4\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"img5\") != -1) {\r\n            try {\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n              console.log(\"imageUrl\", imageUrl)\r\n            } catch {\r\n              let imageType = 'arraybuffer';\r\n              const blob = new Blob([message], { type: imageType })\r\n              const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n              console.log(\"imageUrl\", imageUrl)\r\n            }\r\n          } else if (topic.indexOf(\"stream0\") != -1) {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } else if (topic.indexOf(\"stream1\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream2\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream3\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream4\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          } else if (topic.indexOf(\"stream5\") != -1) {\r\n            console.log(\r\n              `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n              new Date(),\r\n              new Date().getMilliseconds()\r\n            );\r\n          }\r\n\r\n        });\r\n      }\r\n\r\n\r\n    },\r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n    Onweather(name) {\r\n      //   switch (name) {\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png');\r\n      // \t\t\t\tcase \"阴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/Cloudy .png')\r\n      // \t\t\t\tcase \"暴雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainstorm.png')\r\n      // \t\t\t\tcase \"冰雹\":\r\n      // \t\t\t\t\treturn require('../assets/weather/hail.png')\r\n      // \t\t\t\tcase \"大风\":\r\n      // \t\t\t\t\treturn require('../assets/weather/gale.png')\r\n      // \t\t\t\tcase \"大雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigsnow.png')\r\n      // \t\t\t\tcase \"大雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/bigrain.png')\r\n      // \t\t\t\tcase \"雷电\":\r\n      // \t\t\t\t\treturn require('../assets/weather/thunder.png')\r\n      // \t\t\t\tcase \"雷阵雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/shower.png')\r\n      // \t\t\t\tcase \"沙尘暴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sand.png')\r\n      // \t\t\t\tcase \"晴\":\r\n      // \t\t\t\t\treturn require('../assets/weather/sun.png')\r\n      // \t\t\t\tcase \"雾霾\":\r\n      // \t\t\t\t\treturn require('../assets/weather/smog.png')\r\n      // \t\t\t\tcase \"小雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/snow.png')\r\n      // \t\t\t\tcase \"小雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rain.png')\r\n      // \t\t\t\tcase \"雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainlitter.png')\r\n      // \t\t\t\tcase \"多云\":\r\n      // \t\t\t\t\treturn require('../assets/weather/night.png')\r\n      // \t\t\t\tcase \"雨夹雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/rainsnow.png')\r\n      // \t\t\t\tcase \"月亮\":\r\n      // \t\t\t\t\treturn require('../assets/weather/moon.png')\r\n      // \t\t\t\tcase \"中雪\":\r\n      // \t\t\t\t\treturn require('../assets/weather/mieddlesnow.png')\r\n      // \t\t\t\tcase \"中雨\":\r\n      // \t\t\t\t\treturn require('../assets/weather/middlerain.png')\r\n      // \t\t\t}\r\n    },\r\n    //隐藏箱子\r\n    hideBox() {\r\n      this.$refs.htModels.handleFirstBox();\r\n    }\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n  window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n  window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/da167ba33f0897cf7f784fea1ea87558.json b/node_modules/.cache/vue-loader/da167ba33f0897cf7f784fea1ea87558.json
new file mode 100644
index 00000000..59481bba
--- /dev/null
+++ b/node_modules/.cache/vue-loader/da167ba33f0897cf7f784fea1ea87558.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div>\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" :before-close=\"handleClose\">\n        <el-form label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select\n                    placeholder=\"起始时间\"\n                    v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\n                >\n                </el-time-select>\n                <el-time-select\n                    placeholder=\"结束时间\"\n                    v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\n                >\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select v-model=\"value\" placeholder=\"请选择\">\n                    <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" @click=\"onSubmit\">确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/da2d492bcb392c53537145d0bc9a846e.json b/node_modules/.cache/vue-loader/da2d492bcb392c53537145d0bc9a846e.json
new file mode 100644
index 00000000..95eb13cd
--- /dev/null
+++ b/node_modules/.cache/vue-loader/da2d492bcb392c53537145d0bc9a846e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=style&index=0&id=84ec604e&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"globalSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"120px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <!-- <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number> -->\r\n          <el-select v-model=\"FPS\" size=\"mini\"  placeholder=\"请选择\">\r\n            <el-option\r\n              v-for=\"item in options\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\r\n        </el-form-item>\r\n        <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport  {setQuanjsz} from \"@/api/index\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: '0',\r\n      id:'',\r\n      options:[\r\n        {\r\n          value: '0',\r\n          label: '0'\r\n        }, \r\n        {\r\n          value: '1',\r\n          label: '1'\r\n        }, \r\n        {\r\n          value: '4',\r\n          label: '4'\r\n        }, \r\n      ],\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n        this.FPS=value\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",value);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        formData(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n        })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res11111\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.videoAccessLimit\r\n             this.FPS=res.data.data.skipFrame\r\n             this.id = res.data.data.globalSettingId\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",this.FPS);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        setQuanjsz(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n            });\r\n        })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-select {\r\n  width: 130px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/da59c6ae3a7bea49ae9de3ad8f556b3a.json b/node_modules/.cache/vue-loader/da59c6ae3a7bea49ae9de3ad8f556b3a.json
new file mode 100644
index 00000000..4e56405f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/da59c6ae3a7bea49ae9de3ad8f556b3a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\CustomOperations.vue?vue&type=template&id=82754e84&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"220px\" }\n          },\n          [\n            _c(\"p\", [_vm._v(\"自定义操作\")]),\n            _c(\"el-form-item\", { attrs: { label: \"重新启动网络服务\" } }),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"重新启动systemd网络服务：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: { click: _vm.handleagain }\n                      },\n                      [_vm._v(\"启动\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/db28a937131b5f47fa4f2e94faf990c6.json b/node_modules/.cache/vue-loader/db28a937131b5f47fa4f2e94faf990c6.json
new file mode 100644
index 00000000..cad65806
--- /dev/null
+++ b/node_modules/.cache/vue-loader/db28a937131b5f47fa4f2e94faf990c6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue?vue&type=style&index=0&id=6896dfe2&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    // background: url('../assets/img/bg.gif');\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 23.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n",{"version":3,"sources":["Login.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA","file":"Login.vue","sourceRoot":"src/page","sourcesContent":["<template>\r\n    <div class=\"login-wrap\">\r\n        <div class=\"ms-login\">\r\n            <div class=\"ms-title\"></div>\r\n            <div class=\"content\">\r\n                <div class=\"welcome\">欢迎登录</div>\r\n                <el-form :model=\"param\" :rules=\"rules\" ref=\"login\" label-width=\"100px\" label-position=\"top\" class=\"ms-content\">\r\n                    <el-form-item prop=\"username\" label=\"用户名\">\r\n                        <el-input v-model=\"param.username\" placeholder=\"输入您的账号\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-user\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <el-form-item prop=\"password\" label=\"密码\" style=\"margin-top: 15px\">\r\n                        <el-input type=\"password\" placeholder=\"请输入密码\" v-model=\"param.password\" @keyup.enter.native=\"submitForm()\">\r\n                            <el-button slot=\"prepend\" icon=\"el-icon-lock\"></el-button>\r\n                        </el-input>\r\n                    </el-form-item>\r\n                    <div class=\"unforget\" style=\"margin-left:15px\">\r\n                      <el-checkbox v-model=\"checked\">保存登录</el-checkbox>\r\n                    </div>\r\n                </el-form>\r\n                <div class=\"login-btn\">\r\n                        <el-button type=\"primary\" @click=\"submitForm()\">登录</el-button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { loginApi } from '@/api/login';\r\n\r\nexport default {\r\n    name: 'Login', // 登录页面\r\n    data() {\r\n        return {\r\n            param: {\r\n                username: 'admin',\r\n                password: '123456'\r\n            },\r\n            checked: false,\r\n            rules: {\r\n                username: [{ required: true, message: '账号不能为空', trigger: 'blur' }],\r\n                password: [{ required: true, message: '密码不能为空', trigger: 'blur' }]\r\n            }\r\n        };\r\n    },\r\n    created() {\r\n        this.getType();\r\n    },\r\n    methods: {\r\n        getType() {\r\n            let datas = {\r\n                telephone: '13088888888',\r\n                typeCode: 2\r\n            };\r\n            loginApi(datas).then((res) => {\r\n                console.log('c', res);\r\n            });\r\n        },\r\n        submitForm() {\r\n            this.$refs.login.validate((valid) => {\r\n                if (valid) {\r\n                    this.$message.success('登录成功');\r\n                    localStorage.setItem('ms_username', this.param.username);\r\n                    this.$router.push('/');\r\n                } else {\r\n                    this.$message.error('请输入账号和密码');\r\n                    console.log('error submit!!');\r\n                    return false;\r\n                }\r\n            });\r\n        }\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: right;\r\n  font-size: 14px;\r\n  margin-left: 15px;\r\n  padding: 0;\r\n  &::before{\r\n    display: none;\r\n  }\r\n}\r\n/deep/ .el-input{\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 20px;\r\n  border: 1px solid rgb(231, 231, 231);\r\n  .el-input-group__prepend{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n  .el-input__inner{\r\n    background: transparent;\r\n    border: none;\r\n  }\r\n}\r\n.login-wrap {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    // background: url('../assets/img/bg.gif');\r\n    background: url('../assets/img/newlogin-bg.png');\r\n}\r\n.ms-login {\r\n    width: 24%;\r\n    height: 59%;\r\n    position: absolute;\r\n    left: 58.44%;\r\n    top: 23.2%;\r\n    .ms-title {\r\n        width: 100%;\r\n        height: 42px;\r\n        background: url('../assets/img/login_title.png') no-repeat;\r\n        background-size: 100% 100%;\r\n    }\r\n    .content {\r\n        margin-top: 33px;\r\n        width: 100%;\r\n        height: calc(100% - 75px);\r\n        border-radius: 20px;\r\n        background: #ffffff;\r\n        overflow: hidden;\r\n        display: flex;\r\n        flex-flow: column nowrap;\r\n        align-items: center;\r\n        .welcome{\r\n          margin-top: 28px;\r\n          font-size: 16px;\r\n          letter-spacing: 1px;\r\n          // color: black;\r\n        }\r\n        .ms-content{\r\n          width: 80%;\r\n          margin-top: 25px;\r\n        }\r\n        .login-btn{\r\n          width: 80%;\r\n          margin-top: 45px;\r\n          /deep/ .el-button {\r\n            width: 100%;\r\n            border-radius: 20px;\r\n            display: flex;\r\n            justify-content: center;\r\n            span{\r\n              letter-spacing: 15px;\r\n              margin-left: 15px;\r\n            }\r\n            \r\n          }\r\n          \r\n        }\r\n    }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dba064cace80b8dc6f59cc7452c10932.json b/node_modules/.cache/vue-loader/dba064cace80b8dc6f59cc7452c10932.json
new file mode 100644
index 00000000..6debceb8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/dba064cace80b8dc6f59cc7452c10932.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./ExportingSettings.vue?vue&type=template&id=939d0aa4&scoped=true&\"\nimport script from \"./ExportingSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./ExportingSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExportingSettings.vue?vue&type=style&index=0&id=939d0aa4&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"939d0aa4\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('939d0aa4')) {\n      api.createRecord('939d0aa4', component.options)\n    } else {\n      api.reload('939d0aa4', component.options)\n    }\n    module.hot.accept(\"./ExportingSettings.vue?vue&type=template&id=939d0aa4&scoped=true&\", function () {\n      api.rerender('939d0aa4', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/ExportingSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dbf8f8e5cce43f08bddf587acabfa273.json b/node_modules/.cache/vue-loader/dbf8f8e5cce43f08bddf587acabfa273.json
new file mode 100644
index 00000000..dd4fafae
--- /dev/null
+++ b/node_modules/.cache/vue-loader/dbf8f8e5cce43f08bddf587acabfa273.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\AboutMachine.vue","mtime":1673232721965},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["AboutMachine.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkIA;AACA;AACA","file":"AboutMachine.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\" >\r\n      <p>主机</p>\r\n      <el-form-item label=\"名称：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-input v-model=\"sizeForm.name\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <el-form-item label=\"时间：\" :label-width=\"formLabelWidth\">\r\n        <!-- <el-col :span=\"6\"> -->\r\n          <el-date-picker type=\"date\" placeholder=\"选择日期\" v-model=\"sizeForm.date1\" style=\"width: 50%;\" autocomplete=\"off\" ></el-date-picker>\r\n        <!-- </el-col> -->\r\n        <!-- <el-col :span=\"2\"> -->\r\n          <el-button type=\"primary\" style=\"margin-left:10px\" size=\"small\">自动校验</el-button>\r\n        <!-- </el-col> -->\r\n      </el-form-item>\r\n      <p>备份&恢复</p>\r\n      <el-form-item label=\"备份服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" size=\"small\">备份</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"3\">\r\n          <el-button type=\"primary\" disabled size=\"small\">备份</el-button>\r\n        </el-col>\r\n        <el-col :span=\"4\">\r\n          <el-upload\r\n            class=\"upload-demo\"\r\n            action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n            :on-preview=\"handlePreview\"\r\n            :on-remove=\"handleRemove\"\r\n            :before-remove=\"beforeRemove\"\r\n            multiple\r\n            :limit=\"3\"\r\n            :on-exceed=\"handleExceed\"\r\n            :file-list=\"fileList\">\r\n            <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n          </el-upload>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>出厂默认值</p>\r\n      <el-form-item label=\"还原服务器设置：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleReset()\" size=\"small\">重置默认值</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n      <p>重新启动</p>\r\n      <el-form-item label=\"重新启动系统：\">\r\n        <el-col :span=\"12\">\r\n          <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">重新启动</el-button>\r\n        </el-col>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n        formLabelWidth: '120px',\r\n      sizeForm: {\r\n          name: '',\r\n          region: '',\r\n          date1: '',\r\n          date2: '',\r\n          delivery: false,\r\n          type: [],\r\n          resource: '',\r\n          desc: ''\r\n        },\r\n        fileList:[]\r\n    }\r\n  },\r\n  methods:{\r\n    handleagain(){\r\n      this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消'\r\n          });          \r\n        });\r\n    },\r\n    handleReset(){\r\n      this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          // this.$message({\r\n          //   type: 'success',\r\n          //   message: '删除成功!'\r\n          // });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消重置'\r\n          });          \r\n        });\r\n    },\r\n    handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i{\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__label{\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n/deep/ .el-form-item{\r\n  margin-bottom: 15px;\r\n}\r\n.container{\r\n  width: 100%;\r\n  height: 100%;\r\n  p{\r\n    width: 95%;\r\n    font-size: 25px;\r\n    text-align: left;\r\n    border-bottom: 1px solid black;\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dc0590e57bf95c10b7441f4e4ff9a26d.json b/node_modules/.cache/vue-loader/dc0590e57bf95c10b7441f4e4ff9a26d.json
new file mode 100644
index 00000000..a92f9a8c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/dc0590e57bf95c10b7441f4e4ff9a26d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\dataBoard.vue","mtime":1673327200872},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { ref: \"box\", staticClass: \"box\", staticStyle: { height: \"100vh\" } },\n    [\n      _vm.activeName == \"second\"\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\"div\", { staticClass: \"plate1\" }, [\n              _c(\"div\", { ref: \"section\", staticClass: \"section\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"sectionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title1))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count2 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.sectionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"typeChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"触发\" }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"触发\" }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"触发\" }\n                    }),\n                    _c(\"congestionChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"触发\" }\n                    }),\n                    _c(\"lineUpChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"delayChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"checkChart\", {\n                      attrs: { pageType: \"断面\", triggerType: \"周期统计\" }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ]),\n            _c(\"div\", { staticClass: \"plate2\" }, [\n              _c(\"div\", { ref: \"region\", staticClass: \"region\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"regionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title2))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count1 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.regionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"OD\", {\n                      attrs: { pageType: \"区域\", triggerType: \"触发\" }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"触发\" }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"lineUpChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"触发\" }\n                    }),\n                    _c(\"checkChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期时刻\" }\n                    }),\n                    _c(\"delayChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"congestionChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期统计\" }\n                    }),\n                    _c(\"headWayChart\", {\n                      attrs: { pageType: \"区域\", triggerType: \"周期统计\" }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ])\n          ])\n        : _vm._e()\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dd72b2a411e8d3606c94a28768546399.json b/node_modules/.cache/vue-loader/dd72b2a411e8d3606c94a28768546399.json
index d0a84403..0736efe3 100644
--- a/node_modules/.cache/vue-loader/dd72b2a411e8d3606c94a28768546399.json
+++ b/node_modules/.cache/vue-loader/dd72b2a411e8d3606c94a28768546399.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673232721963},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系'\r\n            },\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8ZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\">\r\n                          <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\">\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.name\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"模型：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.model\">\r\n                                <el-radio label=\"Georeferencing\"></el-radio>\r\n\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                            <div class=\"warning\">\r\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                >地理参照允许测量物理速度和静态图像源的距离。\r\n                            </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\r\n                            <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.name\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.longitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\r\n                                    <span v-else v-text=\"scope.row.latitude\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"coordinateForm.coordinateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\">\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nexport default {\r\n    data() {\r\n        return {\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系'\r\n            },\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: false\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n    },\r\n    methods: {\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n        })\r\n    },\r\n    methods: {\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.addDianForm={}\r\n            this.dialogVisible = false\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAycA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n        })\r\n    },\r\n    methods: {\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.addDianForm={}\r\n            this.dialogVisible = false\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/de4b9b155c1cd384b9ba530087ead28a.json b/node_modules/.cache/vue-loader/de4b9b155c1cd384b9ba530087ead28a.json
new file mode 100644
index 00000000..9118f2c0
--- /dev/null
+++ b/node_modules/.cache/vue-loader/de4b9b155c1cd384b9ba530087ead28a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      addAccountDialog: false,\r\n      formLabelAlign: {\r\n        name: '',\r\n        account: '',\r\n        role: '',\r\n        jurisdiction: ''\r\n      },\r\n      tableData: [\r\n        {\r\n          name: 'admin',\r\n          account: '',\r\n          role: 'admin',\r\n          jurisdiction: '超级管理员'\r\n        }\r\n      ],\r\n      tableHeight: 0,\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogTitle: '新增'\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 220;\r\n  },\r\n  methods: {\r\n    edit(scope) {\r\n      console.log(scope, '编辑');\r\n      this.dialogTitle = '编辑';\r\n      this.addAccountDialog = true;\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogTitle = '查看';\r\n      this.addAccountDialog = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["IdManagement.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"IdManagement.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">账号管理</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-button @click=\"addAccountDialog = true\" type=\"primary\" style=\"margin-bottom: 10px;\"><i\r\n          class=\"el-icon-circle-plus-outline\" style=\"margin-right: 3px;\"></i>新增</el-button>\r\n\r\n      <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\r\n        <el-table-column align=\"center\" prop=\"name\" label=\"用户名称\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"account\" label=\"用户账号\" width=\"180\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"role\" label=\"角色\"></el-table-column>\r\n        <el-table-column align=\"center\" prop=\"jurisdiction\" label=\"权限\"></el-table-column>\r\n        <el-table-column align=\"center\" label=\"操作\" width=\"160\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button @click=\"edit(scope.row)\" type=\"text\" size=\"small\" class=\"\">编辑</el-button>\r\n            <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\r\n            <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\r\n        :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\r\n        layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\r\n      </el-pagination>\r\n      <div class=\"dialog\">\r\n        <el-dialog :title=\"dialogTitle\" :visible.sync=\"addAccountDialog\" width=\"30%\">\r\n          <el-form label-position=\"left\" label-width=\"80px\" :model=\"formLabelAlign\">\r\n            <el-form-item label=\"名称：\">\r\n              <el-input v-model=\"formLabelAlign.name\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"账号：\">\r\n              <el-input v-model=\"formLabelAlign.account\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"角色：\">\r\n              <el-input v-model=\"formLabelAlign.role\"></el-input>\r\n            </el-form-item>\r\n            <el-form-item label=\"权限：\">\r\n              <el-input v-model=\"formLabelAlign.jurisdiction\"></el-input>\r\n            </el-form-item>\r\n          </el-form>\r\n          <span slot=\"footer\" class=\"dialog-footer\">\r\n            <el-button type=\"primary\" @click=\"addAccountDialog = false\">确 定</el-button>\r\n          </span>\r\n        </el-dialog>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      addAccountDialog: false,\r\n      formLabelAlign: {\r\n        name: '',\r\n        account: '',\r\n        role: '',\r\n        jurisdiction: ''\r\n      },\r\n      tableData: [\r\n        {\r\n          name: 'admin',\r\n          account: '',\r\n          role: 'admin',\r\n          jurisdiction: '超级管理员'\r\n        }\r\n      ],\r\n      tableHeight: 0,\r\n      currentPage: 1,\r\n      pageSize: 100,\r\n      totalNumber: 1000,\r\n      tableHeight: 0,\r\n      dialogTitle: '新增'\r\n    }\r\n  },\r\n  created() {\r\n    let windowHeight = document.documentElement.clientHeight || document.body.clientHeight;\r\n    this.tableHeight = windowHeight - 220;\r\n  },\r\n  methods: {\r\n    edit(scope) {\r\n      console.log(scope, '编辑');\r\n      this.dialogTitle = '编辑';\r\n      this.addAccountDialog = true;\r\n    },\r\n    showView(scope) {\r\n      console.log(scope, '查看');\r\n      this.dialogTitle = '查看';\r\n      this.addAccountDialog = true;\r\n    },\r\n    clickDelete(scope) {\r\n      console.log(scope, '删除');\r\n    },\r\n    handleSizeChange(val) {\r\n      console.log(`每页 ${val} 条`);\r\n    },\r\n    handleCurrentChange(val) {\r\n      console.log(`当前页: ${val}`);\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.dialog .el-form-item{\r\n  margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/de4fdbd6e9819556c7aa92b38ebb6e09.json b/node_modules/.cache/vue-loader/de4fdbd6e9819556c7aa92b38ebb6e09.json
new file mode 100644
index 00000000..afbfa2d7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/de4fdbd6e9819556c7aa92b38ebb6e09.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue?vue&type=template&id=51b0b1b0&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"p\", [_vm._v(\"主体页面 3 - 1 \")]),\n      _c(\n        \"div\",\n        { staticClass: \"test-div\" },\n        [\n          _c(\"el-tree\", {\n            attrs: {\n              data: _vm.treeData,\n              \"show-checkbox\": \"\",\n              \"node-key\": \"id\",\n              props: _vm.defaultProps\n            }\n          })\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/df6fb63dfa7b3c7929acb6d3e7f0dc73.json b/node_modules/.cache/vue-loader/df6fb63dfa7b3c7929acb6d3e7f0dc73.json
new file mode 100644
index 00000000..df8cba55
--- /dev/null
+++ b/node_modules/.cache/vue-loader/df6fb63dfa7b3c7929acb6d3e7f0dc73.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue?vue&type=template&id=0ade2e2c&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主题页面 1 - 1</p>\r\n\r\n    <div class=\"table-container\">\r\n      <el-table ref=\"Table1\"\r\n                :data=\"list\"\r\n                style=\"width: 100%;\"\r\n                @selection-change=\"handleSelectionChange\"\r\n                border>\r\n        <el-table-column type=\"selection\" align=\"center\"></el-table-column>\r\n        <el-table-column type=\"index\" label=\"序号\" align=\"center\" width=\"50\"></el-table-column>\r\n        <el-table-column label=\"姓名\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.userName}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"性别\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.sex}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"年龄\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.age}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"民族\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.nation}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"学历\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.education}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" width=\"120\" align=\"center\" fixed=\"right\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button type=\"text\" \r\n                       @click=\"handleUpdate(scope.$index, scope.row)\">编辑</el-button>\r\n            <el-button type=\"text\"\r\n                       @click=\"handleDelete(scope.$index, scope.row)\">删除</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n\r\n    <div class=\"pagination-area\">\r\n      <el-pagination\r\n        background\r\n        @size-change=\"handleSizeChange\"\r\n        @current-change=\"handleCurrentChange\"\r\n        layout=\"total, sizes, prev, pager, next, jumper\"\r\n        :current-page.sync=\"listQuery.pageNum\"\r\n        :page-size=\"listQuery.pageSize\"\r\n        :page-sizes=\"[10,20,50]\"\r\n        :total=\"total\">\r\n      </el-pagination>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/df7945ddd3315b0d71ec8b920373c60e.json b/node_modules/.cache/vue-loader/df7945ddd3315b0d71ec8b920373c60e.json
index 6bd8b11d..2b8a2292 100644
--- a/node_modules/.cache/vue-loader/df7945ddd3315b0d71ec8b920373c60e.json
+++ b/node_modules/.cache/vue-loader/df7945ddd3315b0d71ec8b920373c60e.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673232721964},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"maintenanceRemind.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n  <div >\r\n    <div >\r\n      <!-- <p>节点源</p> -->\r\n       <h3>节点源</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"来源：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源极状态：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"稳定状态：\">\r\n          {{ form.state }}\r\n        </el-form-item>\r\n        <el-form-item label=\"视频数据连接：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源分辨率：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"神经网络分辨率：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"输入帧速率：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"解码器帧速率：\">\r\n          {{ form.version1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"检测器帧速率：\">\r\n          {{ form.version2 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"最后一帧分析时间：\">\r\n          {{ form.version4 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"运动状态：\">\r\n          {{ form.version5 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机盘：\">\r\n          {{ form.version6 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机倾斜：\">\r\n          {{ form.version7 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"照相机变焦：\">\r\n          {{ form.version8 }}\r\n        </el-form-item>\r\n      </el-form>\r\n    <h3>立方体分析</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"多维数据集ID：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析ID：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析序列ID：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的轨迹：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"总缓存容量：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存启动：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存结束：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第最后一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n         <el-form-item label=\"上次自动保存时间戳：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n     <h3>洞察同步</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"上次同步时间戳：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次评估数据的差异：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次图像数据的差异：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n      </el-form>\r\n      <!-- <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button> -->\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"maintenanceRemind.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n  <div class=\"statusMain\">\r\n    <div >\r\n      <!-- <p>节点源</p> -->\r\n       <!-- <h3>节点源</h3> -->\r\n       <el-descriptions title=\"节点源\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"来源\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"源极状态\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"稳定状态\">{{ form.state }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"视频数据连接\">{{ form.endTime }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"源分辨率\">{{ form.blacklist }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"神经网络分辨率\">{{ form.autograph }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"输入帧速率\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"解码器帧速率\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"检测器帧速率\">{{ form.version2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"最后一帧分析时间\">{{ form.version4 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"运动状态\">{{ form.version5 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"摄像机盘\">{{ form.version6 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"摄像机倾斜\">{{ form.version7 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"照相机变焦\">{{ form.version8 }}</el-descriptions-item>\r\n        </el-descriptions>\r\n      <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"来源：\"> \r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源极状态：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"稳定状态：\">\r\n          {{ form.state }}\r\n        </el-form-item>\r\n        <el-form-item label=\"视频数据连接：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源分辨率：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"神经网络分辨率：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"输入帧速率：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"解码器帧速率：\">\r\n          {{ form.version1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"检测器帧速率：\">\r\n          {{ form.version2 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"最后一帧分析时间：\">\r\n          {{ form.version4 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"运动状态：\">\r\n          {{ form.version5 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机盘：\">\r\n          {{ form.version6 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机倾斜：\">\r\n          {{ form.version7 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"照相机变焦：\">\r\n          {{ form.version8 }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n       <el-descriptions title=\"立方体分析\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"多维数据集ID\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"分析ID\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"分析序列ID\">{{ form.state }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的轨迹\">{{ form.endTime }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"总缓存容量\">{{ form.blacklist }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"高速缓存启动\">{{ form.autograph }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"高速缓存结束\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的第一条线索\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的第最后一条线索\">{{ form.version2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"上次自动保存时间戳\">{{ form.version4 }}</el-descriptions-item>\r\n        </el-descriptions>\r\n    <!-- <h3>立方体分析</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"多维数据集ID：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析ID：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析序列ID：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的轨迹：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"总缓存容量：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存启动：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存结束：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第最后一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n         <el-form-item label=\"上次自动保存时间戳：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n      <el-descriptions title=\"洞察同步\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"上次同步时间戳\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"同步上次评估数据的差异\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"同步上次图像数据的差异\">{{ form.state }}</el-descriptions-item>\r\n        </el-descriptions> \r\n     <!-- <h3>洞察同步</h3> -->\r\n      <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"上次同步时间戳：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次评估数据的差异：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次图像数据的差异：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\" style=\"margin-top:15px\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.statusMain{\r\n  width: 100%;\r\n  height: 100%;\r\n      .el-descriptions{\r\n        margin-top: 15px !important;\r\n      }\r\n}\r\n//  .test-div i {\r\n//    font-size: 25px;\r\n//  }\r\n//  .el-form-item {\r\n//    margin-bottom: 0px;\r\n//  }\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/df9acbf878f514f33344088a18e54a84.json b/node_modules/.cache/vue-loader/df9acbf878f514f33344088a18e54a84.json
new file mode 100644
index 00000000..6ba2105e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/df9acbf878f514f33344088a18e54a84.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=style&index=1&id=39ed39fa&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyOA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n        <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n        <div class=\"header\" >\r\n      <!-- 水平一级菜单 -->\r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: '/test1/AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: '/test1/AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: '/test1/network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: '/test1/VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: '/test1/CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: '/test1/HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: '/test1/StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: '/test1/interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: '/test1/IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: '/test1/globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: '/test1/ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: '/test1/ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: '/test1/InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: '/test1/UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: '/test1/myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: '/test1/IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: '/test1/logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    background: url('../../assets/img/leftBg.png'); \r\n    max-height: 100%;\r\n    background-size: 100% 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/dfccd7340a6a87297918ac0209cbdac0.json b/node_modules/.cache/vue-loader/dfccd7340a6a87297918ac0209cbdac0.json
new file mode 100644
index 00000000..57e4fd97
--- /dev/null
+++ b/node_modules/.cache/vue-loader/dfccd7340a6a87297918ac0209cbdac0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue?vue&type=template&id=35ac0829&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"tableContent\" },\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _vm.type == \"触发\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"视频路\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"carNumber\", label: \"目标编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"车牌\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"速度\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"headWay\",\n                  label: \"监测触发事件\"\n                }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"车道\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"车头时距\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期时刻\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"carNumber\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"视频帧\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"目标类型\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"存车数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"排队数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"headWay\", label: \"占用状态\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: {\n                  align: \"center\",\n                  prop: \"headWay\",\n                  label: \"空间平均速度\"\n                }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.type == \"周期统计\"\n        ? _c(\n            \"el-table\",\n            { staticStyle: { width: \"100%\" }, attrs: { data: _vm.msg } },\n            [\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"time\", label: \"区域编号\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"type\", label: \"区域名称\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"event\", label: \"时间戳\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"lane\", label: \"驶入流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"speed\", label: \"驶离流量\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均存车数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均排队数\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均占有率\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均延误\" }\n              }),\n              _c(\"el-table-column\", {\n                attrs: { align: \"center\", prop: \"avgFlow\", label: \"平均速度\" }\n              })\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: { title: \"编辑\", visible: _vm.dialogVisible, width: \"40%\" },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { model: _vm.msg, \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [_c(\"el-select\", [_c(\"el-option\")], 1)],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.msg[0].val3,\n                      callback: function($$v) {\n                        _vm.$set(_vm.msg[0], \"val3\", $$v)\n                      },\n                      expression: \"msg[0].val3\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\"el-button\", { attrs: { type: \"primary\" } }, [\n                    _vm._v(\"确认\")\n                  ]),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e03eb3db217dd86eef48699b83376e84.json b/node_modules/.cache/vue-loader/e03eb3db217dd86eef48699b83376e84.json
new file mode 100644
index 00000000..56edd74f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e03eb3db217dd86eef48699b83376e84.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\myId.vue?vue&type=template&id=599a5f81&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"我的账号\")]),\n        _c(\n          \"el-form\",\n          {\n            attrs: {\n              \"label-position\": \"left\",\n              \"label-width\": \"60px\",\n              model: _vm.formLabelAlign\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"名称：\" } }, [\n              _vm._v(\n                \"\\n        \" + _vm._s(_vm.formLabelAlign.name) + \"\\n      \"\n              )\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"账号：\" } }, [\n              _vm._v(\n                \"\\n        \" + _vm._s(_vm.formLabelAlign.account) + \"\\n      \"\n              )\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"密码：\" } }, [\n              _vm._v(\n                \"\\n        \" + _vm._s(_vm.formLabelAlign.password) + \"\\n      \"\n              )\n            ])\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e08537a54c11bfd05175c2834bd6f801.json b/node_modules/.cache/vue-loader/e08537a54c11bfd05175c2834bd6f801.json
new file mode 100644
index 00000000..4fef3d6f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e08537a54c11bfd05175c2834bd6f801.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"h1\", [_vm._v(\"运行状态\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"70%\" },\n            attrs: {\n              model: _vm.runningState,\n              \"label-position\": \"left\",\n              \"label-width\": \"200px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"类型：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.type))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"版本：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.version))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"当前系统时间：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.currentTime))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"开始运行时间：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.startTime))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"正常运行时长：\" } }, [\n              _vm._v(_vm._s(_vm.runningState.runTime))\n            ])\n          ],\n          1\n        ),\n        _c(\"h1\", { staticClass: \"mar-top20\" }, [_vm._v(\"系统性能状态\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"70%\" },\n            attrs: {\n              model: _vm.performance,\n              \"label-position\": \"left\",\n              \"label-width\": \"200px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"正常运行时长：\" } }, [\n              _vm._v(_vm._s(_vm.performance.runTime))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"平均Cpu利用率：\" } }, [\n              _vm._v(_vm._s(_vm.performance.averageCpuUtilization))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Cpu利用率：\" } }, [\n              _vm._v(_vm._s(_vm.performance.cpuUtilization))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Cpu温度：\" } }, [\n              _vm._v(_vm._s(_vm.performance.cpuTemperature))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Cpu名称：\" } }, [\n              _vm._v(_vm._s(_vm.performance.cpuName))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Gpu利用率：\" } }, [\n              _vm._v(_vm._s(_vm.performance.gpuUtilization))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"Gpu温度：\" } }, [\n              _vm._v(_vm._s(_vm.performance.gpuTemperature))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"使用的内存：\" } }, [\n              _vm._v(_vm._s(_vm.performance.memoryUsage))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"内存总数：\" } }, [\n              _vm._v(_vm._s(_vm.performance.totalMemory))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"已使用虚拟内存：\" } }, [\n              _vm._v(_vm._s(_vm.performance.virtualMemoryUsed))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"虚拟内存总计：\" } }, [\n              _vm._v(_vm._s(_vm.performance.totalVirtualMemory))\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-table\",\n          {\n            staticClass: \"mar-top20\",\n            staticStyle: { width: \"100%\" },\n            attrs: { data: _vm.mountingPointTable, border: \"\" }\n          },\n          [\n            _c(\"el-table-column\", {\n              attrs: { prop: \"mountingPoint\", label: \"安装点\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"equipmentName\", label: \"设备名称\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"occupancy\", label: \"使用\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.occupancy) +\n                          \"GB\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"total\", label: \"容量\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.total) +\n                          \"GB\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            })\n          ],\n          1\n        ),\n        _c(\"h1\", { staticClass: \"mar-top20\" }, [_vm._v(\"系统网络状态\")]),\n        _c(\n          \"el-form\",\n          {\n            staticStyle: { width: \"70%\" },\n            attrs: {\n              model: _vm.networkStatus,\n              \"label-position\": \"left\",\n              \"label-width\": \"200px\"\n            }\n          },\n          [\n            _c(\"el-form-item\", { attrs: { label: \"互联网接入：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.internetAccess))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"互联网延迟：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.internetDelay))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"DNS访问：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.DNS))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"本地VPN访问：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.VPNvisit))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"服务器VPN访问：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.serverVPN))\n            ]),\n            _c(\"el-form-item\", { attrs: { label: \"服务器VPN访问：\" } }, [\n              _vm._v(_vm._s(_vm.networkStatus.serverVPNOpen))\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-table\",\n          {\n            staticClass: \"mar-top20\",\n            staticStyle: { width: \"100%\" },\n            attrs: { data: _vm.mountingPointTable, border: \"\" }\n          },\n          [\n            _c(\"el-table-column\", {\n              attrs: { prop: \"connect\", label: \"连接\" }\n            }),\n            _c(\"el-table-column\", { attrs: { prop: \"IP\", label: \"IP地址\" } }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"acceptor\", label: \"接受\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.occupancy) +\n                          \"K\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"totalReceived\", label: \"收到的总数\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.total) +\n                          \"GB\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"transmission\", label: \"传输\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.total) +\n                          \"Kb/s\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            }),\n            _c(\"el-table-column\", {\n              attrs: { prop: \"transmissionTotal\", label: \"传输的总数\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _vm._v(\n                        \"\\n          \" +\n                          _vm._s(scope.row.total) +\n                          \"MB\\n        \"\n                      )\n                    ]\n                  }\n                }\n              ])\n            })\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e0bd09024fe0d51602edd7d6fb63f91b.json b/node_modules/.cache/vue-loader/e0bd09024fe0d51602edd7d6fb63f91b.json
new file mode 100644
index 00000000..48c58d85
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e0bd09024fe0d51602edd7d6fb63f91b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue?vue&type=template&id=f8d30dd8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\checkChart.vue","mtime":1673517783900},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(_vm._s(_vm.title))\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\", { attrs: { msg: _vm.tableData } }),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.tableData }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicTime }\n                })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", {\n                  attrs: { pageType: _vm.pageType, list: _vm.periodicStatistic }\n                })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e0d51b5917c7839387531588375efbfe.json b/node_modules/.cache/vue-loader/e0d51b5917c7839387531588375efbfe.json
new file mode 100644
index 00000000..b2eff95f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e0d51b5917c7839387531588375efbfe.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">账号管理</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n    <el-button @click=\"addAccountDialog = true\" type=\"primary\" style=\"margin-bottom: 10px;\"><i\n        class=\"el-icon-circle-plus-outline\" style=\"margin-right: 3px;\"></i>新增</el-button>\n\n    <el-table :data=\"tableData\" :height=\"tableHeight\" border style=\"width: 100%\">\n      <el-table-column align=\"center\" prop=\"name\" label=\"用户名称\" width=\"180\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"account\" label=\"用户账号\" width=\"180\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"role\" label=\"角色\"></el-table-column>\n      <el-table-column align=\"center\" prop=\"jurisdiction\" label=\"权限\"></el-table-column>\n      <el-table-column align=\"center\" label=\"操作\" width=\"160\">\n        <template slot-scope=\"scope\">\n          <el-button @click=\"edit(scope.row)\" type=\"text\" size=\"small\" class=\"\">编辑</el-button>\n          <el-button @click=\"showView(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-view\"></el-button>\n          <el-button @click=\"clickDelete(scope.row)\" type=\"text\" size=\"small\" class=\"el-icon-delete\"></el-button>\n        </template>\n      </el-table-column>\n    </el-table>\n\n    <el-pagination @size-change=\"handleSizeChange\" @current-change=\"handleCurrentChange\"\n      :current-page.sync=\"currentPage\" :page-sizes=\"[100, 200, 300, 400]\" :page-size=\"pageSize\"\n      layout=\"sizes, prev, pager, next\" :total=\"totalNumber\" style=\"padding-top: 10px;\">\n    </el-pagination>\n    <div class=\"dialog\">\n      <el-dialog :title=\"dialogTitle\" :visible.sync=\"addAccountDialog\" width=\"30%\">\n        <el-form label-position=\"left\" label-width=\"80px\" :model=\"formLabelAlign\">\n          <el-form-item label=\"名称：\">\n            <el-input v-model=\"formLabelAlign.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"账号：\">\n            <el-input v-model=\"formLabelAlign.account\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"角色：\">\n            <el-input v-model=\"formLabelAlign.role\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"权限：\">\n            <el-input v-model=\"formLabelAlign.jurisdiction\"></el-input>\n          </el-form-item>\n        </el-form>\n        <span slot=\"footer\" class=\"dialog-footer\">\n          <el-button type=\"primary\" @click=\"addAccountDialog = false\">确 定</el-button>\n        </span>\n      </el-dialog>\n    </div>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e15b5bb2145b37a9a69352e789d8c5d1.json b/node_modules/.cache/vue-loader/e15b5bb2145b37a9a69352e789d8c5d1.json
new file mode 100644
index 00000000..050e6a50
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e15b5bb2145b37a9a69352e789d8c5d1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\index.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=498bb2bc&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('498bb2bc')) {\n      api.createRecord('498bb2bc', component.options)\n    } else {\n      api.reload('498bb2bc', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=498bb2bc&\", function () {\n      api.rerender('498bb2bc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test2/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e196a54f0094e8e7b3ce88c610df88f8.json b/node_modules/.cache/vue-loader/e196a54f0094e8e7b3ce88c610df88f8.json
new file mode 100644
index 00000000..8985c77f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e196a54f0094e8e7b3ce88c610df88f8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=template&id=0bb099b3&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673593117644},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"border\">\n        <detailDialog />\n        <thermalChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e1abcc1adb10a7e4891e4a2f99c71b94.json b/node_modules/.cache/vue-loader/e1abcc1adb10a7e4891e4a2f99c71b94.json
new file mode 100644
index 00000000..affece6c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e1abcc1adb10a7e4891e4a2f99c71b94.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\HealthCheck.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.state {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.state .Badge {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    margin: 20px 5px 0 0;\r\n    transform: translateY(-50%);\r\n}\r\n",{"version":3,"sources":["HealthCheck.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"HealthCheck.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">健康检测 </p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n\r\n      <h3>网络状态</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"200px\" style=\"width:50%\">\r\n        <el-form-item label=\"检查网络服务的状态：\">\r\n          <div class=\"state\">\r\n            <div class=\"Badge\" style=\"background-color: pink;\"></div>\r\n            <span>忙碌</span>\r\n          </div>\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n.state {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n.state .Badge {\r\n    width: 20px;\r\n    height: 20px;\r\n    border-radius: 50%;\r\n    margin: 20px 5px 0 0;\r\n    transform: translateY(-50%);\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e20d1acf40a75579a8c97f18400b4877.json b/node_modules/.cache/vue-loader/e20d1acf40a75579a8c97f18400b4877.json
new file mode 100644
index 00000000..e0c93649
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e20d1acf40a75579a8c97f18400b4877.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673590085904},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"plate\" label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"lane\" label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"headWay\" label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <!-- <el-table-column align=\"center\" prop=\"\" label=\"视频帧\"></el-table-column> -->\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"n_stay\" label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"n_queue\" label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"occ\" label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"zone_id\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"name\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"enter_flow\" label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"leave_flow\" label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_stay\" label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_queue\" label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_occ\" label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_delay\" label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"ave_speed\" label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon {\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent {\r\n    border: 1px solid #e4e7ed;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e2e8b3a09bf892e2b361d72c024c2b1e.json b/node_modules/.cache/vue-loader/e2e8b3a09bf892e2b361d72c024c2b1e.json
new file mode 100644
index 00000000..e4a1c26d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e2e8b3a09bf892e2b361d72c024c2b1e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue?vue&type=style&index=0&id=57b7d65b&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.statusMain{\r\n  width: 100%;\r\n  height: 100%;\r\n      .el-descriptions{\r\n        margin-top: 15px !important;\r\n      }\r\n}\r\n//  .test-div i {\r\n//    font-size: 25px;\r\n//  }\r\n//  .el-form-item {\r\n//    margin-bottom: 0px;\r\n//  }\r\n",{"version":3,"sources":["maintenanceRemind.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"maintenanceRemind.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n  <div class=\"statusMain\">\r\n    <div >\r\n      <!-- <p>节点源</p> -->\r\n       <!-- <h3>节点源</h3> -->\r\n       <el-descriptions title=\"节点源\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"来源\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"源极状态\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"稳定状态\">{{ form.state }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"视频数据连接\">{{ form.endTime }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"源分辨率\">{{ form.blacklist }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"神经网络分辨率\">{{ form.autograph }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"输入帧速率\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"解码器帧速率\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"检测器帧速率\">{{ form.version2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"最后一帧分析时间\">{{ form.version4 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"运动状态\">{{ form.version5 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"摄像机盘\">{{ form.version6 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"摄像机倾斜\">{{ form.version7 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"照相机变焦\">{{ form.version8 }}</el-descriptions-item>\r\n        </el-descriptions>\r\n      <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"来源：\"> \r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源极状态：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"稳定状态：\">\r\n          {{ form.state }}\r\n        </el-form-item>\r\n        <el-form-item label=\"视频数据连接：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"源分辨率：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"神经网络分辨率：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"输入帧速率：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"解码器帧速率：\">\r\n          {{ form.version1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"检测器帧速率：\">\r\n          {{ form.version2 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"最后一帧分析时间：\">\r\n          {{ form.version4 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"运动状态：\">\r\n          {{ form.version5 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机盘：\">\r\n          {{ form.version6 }}\r\n        </el-form-item>\r\n         <el-form-item label=\"摄像机倾斜：\">\r\n          {{ form.version7 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"照相机变焦：\">\r\n          {{ form.version8 }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n       <el-descriptions title=\"立方体分析\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"多维数据集ID\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"分析ID\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"分析序列ID\">{{ form.state }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的轨迹\">{{ form.endTime }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"总缓存容量\">{{ form.blacklist }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"高速缓存启动\">{{ form.autograph }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"高速缓存结束\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的第一条线索\">{{ form.version }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"缓存中的第最后一条线索\">{{ form.version2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"上次自动保存时间戳\">{{ form.version4 }}</el-descriptions-item>\r\n        </el-descriptions>\r\n    <!-- <h3>立方体分析</h3>\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"多维数据集ID：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析ID：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"分析序列ID：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的轨迹：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"总缓存容量：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存启动：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"高速缓存结束：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n        <el-form-item label=\"缓存中的第最后一条线索：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n         <el-form-item label=\"上次自动保存时间戳：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n      <el-descriptions title=\"洞察同步\"  :column=\"5\" border>\r\n            <el-descriptions-item label=\"上次同步时间戳\"> {{ form.name1 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"同步上次评估数据的差异\">{{ form.name2 }}</el-descriptions-item>\r\n            <el-descriptions-item label=\"同步上次图像数据的差异\">{{ form.state }}</el-descriptions-item>\r\n        </el-descriptions> \r\n     <!-- <h3>洞察同步</h3> -->\r\n      <!-- <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"上次同步时间戳：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次评估数据的差异：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"同步上次图像数据的差异：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n      </el-form> -->\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\" style=\"margin-top:15px\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: '离线',\r\n        name2: '重新配置',\r\n        state: '关',\r\n        endTime: '连接',\r\n        blacklist: '-1x-1',\r\n        autograph: '-1x-1',\r\n        version: '0',\r\n        version1: '0',\r\n        version2: '0',\r\n        version4: '',\r\n         version5: '不受支持的',\r\n        version6: '不受支持的',\r\n        version7: '不受支持的',\r\n        version8: '不受支持的',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.statusMain{\r\n  width: 100%;\r\n  height: 100%;\r\n      .el-descriptions{\r\n        margin-top: 15px !important;\r\n      }\r\n}\r\n//  .test-div i {\r\n//    font-size: 25px;\r\n//  }\r\n//  .el-form-item {\r\n//    margin-bottom: 0px;\r\n//  }\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e3158c19bf0609432f20c8b44e47a563.json b/node_modules/.cache/vue-loader/e3158c19bf0609432f20c8b44e47a563.json
index 994119c3..566fc0f6 100644
--- a/node_modules/.cache/vue-loader/e3158c19bf0609432f20c8b44e47a563.json
+++ b/node_modules/.cache/vue-loader/e3158c19bf0609432f20c8b44e47a563.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e33cf8d3e16fc21172d3a1a721122740.json b/node_modules/.cache/vue-loader/e33cf8d3e16fc21172d3a1a721122740.json
index 66979b9e..08b5230d 100644
--- a/node_modules/.cache/vue-loader/e33cf8d3e16fc21172d3a1a721122740.json
+++ b/node_modules/.cache/vue-loader/e33cf8d3e16fc21172d3a1a721122740.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312077829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n        <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option>\r\n\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n         <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option>\r\n\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e4287693e3ce062bc00d82c4dba0b7df.json b/node_modules/.cache/vue-loader/e4287693e3ce062bc00d82c4dba0b7df.json
new file mode 100644
index 00000000..d24401cd
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e4287693e3ce062bc00d82c4dba0b7df.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e4c28338ee1d266558675857481a2491.json b/node_modules/.cache/vue-loader/e4c28338ee1d266558675857481a2491.json
new file mode 100644
index 00000000..a466bfcb
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e4c28338ee1d266558675857481a2491.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ExportingSettings.vue?vue&type=template&id=939d0aa4&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">导出设置</p>\n    <!-- <div class=\"test-div\">\n      <i class=\"el-icon-edit\"></i>\n      <i class=\"el-icon-share\"></i>\n      <i class=\"el-icon-delete\"></i>\n    </div> -->\n    <el-form label-position=\"left\" label-width=\"180px\">\n      <el-form-item label=\"文件格式：\">\n        <el-select v-model=\"value\" placeholder=\"请选择导出文件格式\">\n          <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\">\n          </el-option>\n        </el-select>\n      </el-form-item>\n\n      <el-form-item label=\"文件保存位置：\">\n        <input type=\"file\" id=\"file\" hidden @change=\"fileChange\" webkitdirectory>\n        <el-input placeholder=\"请输入内容\" v-model=\"imgSavePath\" class=\"input-with-select\">\n          <el-button slot=\"append\" icon=\"el-icon-folder\" type=\"success\" @click=\"btnChange\"></el-button>\n        </el-input>\n      </el-form-item>\n    </el-form>\n\n    <el-button class=\"el-icon-download\" type=\"primary\">导出</el-button>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e52943495f33ae18ef8e7e9ad2c26a29.json b/node_modules/.cache/vue-loader/e52943495f33ae18ef8e7e9ad2c26a29.json
index d14cc837..190997ba 100644
--- a/node_modules/.cache/vue-loader/e52943495f33ae18ef8e7e9ad2c26a29.json
+++ b/node_modules/.cache/vue-loader/e52943495f33ae18ef8e7e9ad2c26a29.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"globalSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" @change=\"handleChangeVideoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"默认取值：\">\r\n        </el-form-item>\r\n        <!-- <el-button type=\"primary\" @click=\"commit()\">保存</el-button> -->\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: 0,\r\n      id:''\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n          this.FPS=value\r\n           let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",value);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.f_NB_SHIPJRSX\r\n             this.FPS=res.data.data.f_NB_TIAOZSZ\r\n             this.id = res.data.data.f_VC_ID\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n         let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",this.videoNumber);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                     console.log(\"res\",res)\r\n                    if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\globalSettings.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport  {setQuanjsz} from \"@/api/index\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: '0',\r\n      id:'',\r\n      options:[\r\n        {\r\n          value: '0',\r\n          label: '0'\r\n        }, \r\n        {\r\n          value: '1',\r\n          label: '1'\r\n        }, \r\n        {\r\n          value: '4',\r\n          label: '4'\r\n        }, \r\n      ],\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n        this.FPS=value\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",value);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        formData(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n        })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res11111\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.videoAccessLimit\r\n             this.FPS=res.data.data.skipFrame\r\n             this.id = res.data.data.globalSettingId\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",this.FPS);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        setQuanjsz(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n            });\r\n        })\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["globalSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"globalSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">全局设置</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"120px\">\r\n        <el-form-item label=\"视频接入上限：\">\r\n          <el-input-number v-model=\"videoNumber\" :min=\"1\" size=\"mini\"\r\n            :max=\"8\"></el-input-number>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"跳帧设置：\">\r\n          <!-- <el-input-number v-model=\"FPS\" @change=\"handleChange\" size=\"mini\"></el-input-number> -->\r\n          <el-select v-model=\"FPS\" size=\"mini\"  placeholder=\"请选择\">\r\n            <el-option\r\n              v-for=\"item in options\"\r\n              :key=\"item.value\"\r\n              :label=\"item.label\"\r\n              :value=\"item.value\">\r\n            </el-option>\r\n          </el-select>\r\n          <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>默认取值：单路视频流  0 ；2-3 路视频流  1；4-6 路视频流 4\r\n        </el-form-item>\r\n        <el-button type=\"primary\" size=\"small\" @click=\"commit()\">保存</el-button>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {getQuanjszData} from \"../../api/index\";\r\nimport  serverUrl from \"../../config/apiurl.js\"\r\nimport  {setQuanjsz} from \"@/api/index\"\r\nimport axios from 'axios'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      videoNumber: 6,\r\n      FPS: '0',\r\n      id:'',\r\n      options:[\r\n        {\r\n          value: '0',\r\n          label: '0'\r\n        }, \r\n        {\r\n          value: '1',\r\n          label: '1'\r\n        }, \r\n        {\r\n          value: '4',\r\n          label: '4'\r\n        }, \r\n      ],\r\n    }\r\n  },\r\n    mounted() {\r\n    this.getShipjkDatalist()\r\n  },\r\n  methods: {\r\n    handleChangeVideoNumber(value){\r\n        console.log(\"videoNumber\",value)\r\n        this.videoNumber=value\r\n        let formData = new FormData();\r\n        formData.append(\"F_NB_SHIPJRSX\",value);\r\n        formData.append(\"F_NB_TIAOZSZ\",this.FPS);\r\n        formData.append(\"F_VC_ID\",this.id);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.postSetQuanjsz,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n    handleChange(value) {\r\n         console.log(\"FPS\",value)\r\n        this.FPS=value\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",value);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        formData(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n        })\r\n    },\r\n    //获取全局设置数据\r\n   getShipjkDatalist(){\r\n        getQuanjszData().then(res=>{\r\n         console.log(\"res11111\",res)\r\n        if(res.data.code==200){\r\n            this.videoNumber=res.data.data.videoAccessLimit\r\n             this.FPS=res.data.data.skipFrame\r\n             this.id = res.data.data.globalSettingId\r\n        }\r\n        })\r\n   },\r\n    //点击确认\r\n    commit(){\r\n        const formData = new URLSearchParams();\r\n        // let formData = new FormData();\r\n        formData.append(\"VideoAccessLimit\",this.videoNumber);\r\n        formData.append(\"SkipFrame\",this.FPS);\r\n        formData.append(\"GlobalSettingId\",this.id);\r\n        setQuanjsz(formData).then(res=>{\r\n          this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n            });\r\n        })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-select {\r\n  width: 130px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e540293529856a16532f6b605f5be66d.json b/node_modules/.cache/vue-loader/e540293529856a16532f6b605f5be66d.json
new file mode 100644
index 00000000..8c6b3600
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e540293529856a16532f6b605f5be66d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\lineUpChart.vue","mtime":1673518240972},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\"\nimport script from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineUpChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./lineUpChart.vue?vue&type=style&index=0&id=77578181&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"77578181\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('77578181')) {\n      api.createRecord('77578181', component.options)\n    } else {\n      api.reload('77578181', component.options)\n    }\n    module.hot.accept(\"./lineUpChart.vue?vue&type=template&id=77578181&scoped=true&\", function () {\n      api.rerender('77578181', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/lineUpChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e54acb66e646dfd69c4091e67cd63e8c.json b/node_modules/.cache/vue-loader/e54acb66e646dfd69c4091e67cd63e8c.json
new file mode 100644
index 00000000..4645cbed
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e54acb66e646dfd69c4091e67cd63e8c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["UDPServiceSettings.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA;AACA;AACA","file":"UDPServiceSettings.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">UPD服务设置</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"180px\">\r\n        <el-form-item label=\"upd服务器端口：\">\r\n          <el-input-number v-model=\"form.name\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"启用有效载荷：\">\r\n          <el-switch v-model=\"form.delivery\"></el-switch>\r\n        </el-form-item>\r\n\r\n        <el-form-item label=\"最大数据包大小：\">\r\n          <el-input-number v-model=\"form.bytes\" controls-position=\"right\" :min=\"1\"></el-input-number>\r\n          bytes\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name: 55570,\r\n        delivery: true,\r\n        bytes: 4096\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e5c02132f91145b4f283fbabeeb68635.json b/node_modules/.cache/vue-loader/e5c02132f91145b4f283fbabeeb68635.json
new file mode 100644
index 00000000..6d2649c9
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e5c02132f91145b4f283fbabeeb68635.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673592663793},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["speedChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"speedChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :title=\"title\" :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'speedChart', //速度组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    // pagetype:断面 || 区域  triggerType 触发||周期时刻||周期统计\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        thermalChart,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '速度组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ]\r\n            // triggerType: '周期统计',\r\n        };\r\n    },\r\n    created() {\r\n        // console.log(this.data);\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e5edb3a9a5a72754ee8f86c68fd31bb5.json b/node_modules/.cache/vue-loader/e5edb3a9a5a72754ee8f86c68fd31bb5.json
new file mode 100644
index 00000000..110c350f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e5edb3a9a5a72754ee8f86c68fd31bb5.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue?vue&type=template&id=2e476fee&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-1.vue","mtime":1673232721953},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"p\", [_vm._v(\"主体页面 2 - 1 \")]),\n      _c(\n        \"div\",\n        { staticClass: \"test-div\" },\n        [\n          _c(\n            \"el-steps\",\n            {\n              staticStyle: { width: \"50%\" },\n              attrs: { active: _vm.active, \"finish-status\": \"success\" }\n            },\n            [\n              _c(\"el-step\", { attrs: { title: \"步骤 1\" } }),\n              _c(\"el-step\", { attrs: { title: \"步骤 2\" } }),\n              _c(\"el-step\", { attrs: { title: \"步骤 3\" } })\n            ],\n            1\n          ),\n          _c(\n            \"el-button\",\n            {\n              attrs: { type: \"primary\" },\n              on: {\n                click: function($event) {\n                  return _vm.next()\n                }\n              }\n            },\n            [_vm._v(\"下一步\")]\n          )\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e60e3ed41bbf230f11f922d7a19e6790.json b/node_modules/.cache/vue-loader/e60e3ed41bbf230f11f922d7a19e6790.json
new file mode 100644
index 00000000..6ebf56d7
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e60e3ed41bbf230f11f922d7a19e6790.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\I18n.vue","mtime":1673232721938},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./I18n.vue?vue&type=template&id=d51955fc&scoped=true&\"\nimport script from \"./I18n.vue?vue&type=script&lang=js&\"\nexport * from \"./I18n.vue?vue&type=script&lang=js&\"\nimport style0 from \"./I18n.vue?vue&type=style&index=0&id=d51955fc&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d51955fc\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('d51955fc')) {\n      api.createRecord('d51955fc', component.options)\n    } else {\n      api.reload('d51955fc', component.options)\n    }\n    module.hot.accept(\"./I18n.vue?vue&type=template&id=d51955fc&scoped=true&\", function () {\n      api.rerender('d51955fc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/common/I18n.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e6196d40ba9405f3c1d1f43ba4d50318.json b/node_modules/.cache/vue-loader/e6196d40ba9405f3c1d1f43ba4d50318.json
new file mode 100644
index 00000000..056861ca
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e6196d40ba9405f3c1d1f43ba4d50318.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n   .aside{\n    overflow-y: scroll;\n  overflow-x: hidden;\n   background: url('../../assets/img/leftBg.png'); \n    max-height: 1000px;\n    background-size: 100%;\n  \n}\n.aside::-webkit-scrollbar {\n    display:none;\n  }\n.el-submenu__title:hover {\n    background-color: #3989fa!important;\n}\n.el-menu-item:focus, .el-menu-item:hover {\n    outline: 0;\n    background-color: #3989fa!important;\n} \n\n",{"version":3,"sources":["Whole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwOA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Whole.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div class=\"wrapper\">\r\n    <!-- 页面头部部分 -->\r\n    <!-- <div style=\"display:inline-block\"> -->\r\n    <el-aside style=\"width:13%;position: absolute;height: 100%;\" class=\"aside\">\r\n        <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div>\r\n      <SideMenu :navMenus=\"leftMenus\"></SideMenu>\r\n    </el-aside> \r\n    <!-- </div> -->\r\n     \r\n    \r\n\r\n    <!-- 页面左侧二级菜单栏，和主体内容区域部分 -->\r\n     <!-- <el-container> -->\r\n        <div class=\"header\" >\r\n      <!-- <div class=\"logo\"><img src=\"@/assets/img/topTitle.png\" alt=\"\" width=\"100%\" height=\"100%\"></div> -->\r\n      <!-- 水平一级菜单 -->\r\n      <div style=\"float:left;\">\r\n        <!-- <el-menu \r\n          mode=\"horizontal\"\r\n          text-color=\"#000000\"\r\n          active-text-color=\"#3989fa\"\r\n          :default-active=\"toIndex\" \r\n          @select=\"handleSelect\">\r\n          <el-menu-item v-for=\"(item, index) in itemList\" :index=\"item.path\" :key=\"index\">\r\n            <span slot=\"title\">{{ item.title }}</span>\r\n          </el-menu-item>\r\n        </el-menu> -->\r\n      </div>\r\n      \r\n      <div class=\"header-right\">\r\n        <div class=\"header-user-con\">\r\n          <!-- 切换主题 -->\r\n          <div @click=\"handleChangeStyle()\">\r\n            <el-tooltip content=\"切换主题\" placement=\"bottom\">\r\n              <i :class=\"globalTheme ? 'el-icon-moon' : 'el-icon-sunny'\"></i>\r\n            </el-tooltip>\r\n          </div>\r\n          <!-- 用户头像 -->\r\n          <div class=\"user-avator\">\r\n            <img src=\"@/assets/img/img.jpg\"/>\r\n          </div>\r\n          <!-- 用户名下拉菜单 -->\r\n          <el-dropdown class=\"user-name\" trigger=\"click\" @command=\"handleCommand\">\r\n            <span class=\"el-dropdown-link\"> {{ username }} <i class=\"el-icon-caret-bottom\"></i></span>\r\n            <el-dropdown-menu slot=\"dropdown\">\r\n              <el-dropdown-item disabled>修改密码</el-dropdown-item>\r\n              <el-dropdown-item command=\"loginout\">退出登录</el-dropdown-item>\r\n            </el-dropdown-menu>\r\n          </el-dropdown>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <el-main>\r\n      \r\n      <router-view></router-view>\r\n    </el-main>\r\n     <!-- </el-container> -->\r\n    \r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideMenu from '@/components/sidemenu/SideMenu';\r\nimport bus from \"@/utils/bus\";\r\nexport default {\r\n    components: {\r\n    SideMenu\r\n  },\r\n  data(){\r\n    return{\r\n      itemList: [    // 水平一级菜单栏的菜单\r\n        // { path: '/Home', title: '首页' },\r\n        { path: '/test1', title: '一级菜单1' },\r\n        { path: '/test2', title: '一级菜单2' },\r\n        { path: '/test3', title: '一级菜单3' },\r\n        { path: '/permission', title: '管理员权限' },\r\n        // { path: '/i18n', title: '国际化组件' }\r\n      ],\r\n       leftMenus: [\r\n                {\r\n                    title : '分析',\r\n                    path: 'AnalysisMain',\r\n                    icon : 'el-icon-data-line',\r\n                    // icon : require('@/assets/img/fenxi.png'),\r\n                },\r\n                {\r\n                    title : '控制中心',\r\n                    path: 'ControlCenter',\r\n                    icon:'el-icon-coin',\r\n                    children : [\r\n                        {\r\n                            title : '通用',\r\n                            path: 'test1-2',\r\n                             children : [\r\n                                {\r\n                                    title : '关于本机',\r\n                                    path: 'AboutMachine',\r\n\r\n                                },\r\n                                {\r\n                                    title : '网络',\r\n                                    path: 'network',\r\n\r\n                                },\r\n                                {\r\n                                    title : 'VPN',\r\n                                   path: 'VPN',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '自定义操作',\r\n                                   path: 'CustomOperations',\r\n\r\n                                },\r\n                                 {\r\n                                    title : '健康检测',\r\n                                   path: 'HealthCheck',\r\n\r\n                                }\r\n                            ]\r\n                        },{\r\n                    title : '运行状态',\r\n                    path: 'StateOperation',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : '接口',\r\n                    path: 'interface',\r\n                    // icon : 'el-icon-user-solid',\r\n                },{\r\n                    title : 'IP设置',\r\n                    path: 'IPSetting',\r\n                    // icon : 'el-icon-user-solid',\r\n                },\r\n                      \r\n                    ]\r\n                },{\r\n                    title : '系统设置',\r\n                    path: 'SystemSettings',\r\n                    icon : 'el-icon-s-tools',\r\n                    \r\n                    children : [\r\n                                {\r\n                                    title : '全局设置',\r\n                                    path: 'globalSettings',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导出设置',\r\n                                   path: 'ExportingSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                {\r\n                                    title : '关于本机——导入设置',\r\n                                   path: 'ImportSettings',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : '接口与服务器证书',\r\n                                   path: 'InterfaceServerCertificates',\r\n                                    // icon : 'tool',\r\n                                },\r\n                                 {\r\n                                    title : 'UDP服务设置',\r\n                                   path: 'UDPServiceSettings',\r\n                                    // icon : 'tool',\r\n                                }\r\n                            ]\r\n                },{\r\n                    title : '用户管理',\r\n                    path: 'UserManagement',\r\n                    icon : 'el-icon-user-solid',\r\n                    children : [\r\n                                {\r\n                                    title : '我的账号',\r\n                                    path: 'myId',\r\n                                    // icon : 'bars',\r\n                                },\r\n                                {\r\n                                    title : '账号管理',\r\n                                   path: 'IdManagement',\r\n                                    // icon : 'tool',\r\n                                },\r\n                            ]\r\n                },\r\n                {\r\n                    title : '通知/日志',\r\n                    path: 'logs',\r\n                    icon : 'el-icon-phone',\r\n                },\r\n                \r\n            ],\r\n      globalTheme: false,\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    username(){\r\n      return localStorage.getItem('ms_username') || '';\r\n    },\r\n    toIndex(){  // 根据路径绑定到对应的一级菜单，防止页面刷新重新跳回第一个\r\n      return '/' + this.$route.path.split('/')[1];\r\n    },\r\n  },\r\n  created() {\r\n    this.globalTheme = JSON.parse(localStorage.getItem('global_theme'));\r\n    bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n  },\r\n  methods: {\r\n    handleSelect(path){  // 切换菜单栏\r\n      this.$router.push({\r\n        path: path\r\n      });\r\n    },\r\n    handleCommand(command){  // 用户名下拉菜单选择事件\r\n      if(command == 'loginout'){\r\n        localStorage.removeItem('ms_username');\r\n        this.$router.push({\r\n            path: '/Login'\r\n        });\r\n      }\r\n    },\r\n    handleChangeStyle(){  // 切换主题\r\n      this.globalTheme = !this.globalTheme;\r\n      localStorage.setItem('global_theme', this.globalTheme);  // 本地存储选择的 globalTheme\r\n      bus.$emit('global_theme', this.globalTheme);  // 将 globalTheme 的值传给父组件\r\n    }\r\n  }\r\n}\r\n</script>\r\n<style>\r\n   .aside{\r\n    overflow-y: scroll;\r\n  overflow-x: hidden;\r\n   background: url('../../assets/img/leftBg.png'); \r\n    max-height: 1000px;\r\n    background-size: 100%;\r\n  \r\n}\r\n.aside::-webkit-scrollbar {\r\n    display:none;\r\n  }\r\n.el-submenu__title:hover {\r\n    background-color: #3989fa!important;\r\n}\r\n.el-menu-item:focus, .el-menu-item:hover {\r\n    outline: 0;\r\n    background-color: #3989fa!important;\r\n} \r\n\r\n</style>\r\n<style scoped>\r\n.wrapper {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #f0f0f0;\r\n}\r\n.logo {\r\n  \r\n  margin-left: 10px;\r\n    margin-top: 10px;\r\n    /* height: 60px; */\r\n    width: 80%;\r\n  \r\n}\r\n.header {\r\n    /* position: absolute; */\r\n    -webkit-box-sizing: border-box;\r\n    box-sizing: border-box;\r\n    /* width: 87%; */\r\n    width: 100%;\r\n    height: 70px;\r\n    right: 0px;\r\n    font-size: 22px;\r\n    top: 5px;\r\n}\r\n.header .logo {\r\n  float: left;\r\n  margin-left: 60px;\r\n  margin-top: 17.5px;\r\n  height: 29px;\r\n  width: 160px;\r\n  vertical-align: middle;\r\n  position: relative;\r\n}\r\n/* --------------- 用户头像区域的样式 ---------------- */\r\n.header-right {\r\n  float: right;\r\n  padding-right: 50px;\r\n}\r\n.header-user-con {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 70px;\r\n}\r\n.user-avator {\r\n  margin-left: 20px;\r\n}\r\n.user-avator img {\r\n  display: block;\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n}\r\n.user-name {\r\n  margin-left: 10px;\r\n}\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n}\r\n.el-dropdown-menu__item {\r\n  text-align: center;\r\n}\r\n/* --------------- 水平一级菜单栏的样式--------------------- */\r\n.el-menu.el-menu--horizontal {\r\n  border-bottom: none !important;\r\n  float: left;\r\n  margin-left: 50px;\r\n  background: transparent;\r\n}\r\n.el-menu--horizontal > .el-menu-item.is-active {\r\n  /* border-bottom: 2px solid #3989fa;\r\n  color: #3989fa; */\r\n  font-weight: bold;\r\n}\r\n.el-menu--horizontal > .el-menu-item {\r\n  font-size: 16px;\r\n  margin: 0 15px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e64fd25bc62880e4e1762d1ec134cdb5.json b/node_modules/.cache/vue-loader/e64fd25bc62880e4e1762d1ec134cdb5.json
index 59760e02..c4fc1e5a 100644
--- a/node_modules/.cache/vue-loader/e64fd25bc62880e4e1762d1ec134cdb5.json
+++ b/node_modules/.cache/vue-loader/e64fd25bc62880e4e1762d1ec134cdb5.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673257804909},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  流量组件</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style='width:150px;margin-bottom:20px;text-align:center'>\r\n                <div style=\"font-size:30px;font-weight:bold;\">99</div>\r\n                    <div style=\"padding: 14px;\">\r\n                        <span>数值</span>\r\n                        <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49{{ currentDate }}</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n\r\n\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props:['pageType','triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            tableData: [\r\n                {\r\n                    time: '7:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.999999',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '80',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '9:40',\r\n                    type: '货车',\r\n                    carNumber: '苏E.888888',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '60',\r\n                    headWay: '10'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    carNumber: '苏E.777777',\r\n                    lane: '成华大道',\r\n                    event: 'in',\r\n                    speed: '90',\r\n                    headWay: '10'\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=style&index=0&id=1efa0362&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e8d6acebc8682447a63916f9c8ada2ae.json b/node_modules/.cache/vue-loader/e8d6acebc8682447a63916f9c8ada2ae.json
new file mode 100644
index 00000000..335d2c71
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e8d6acebc8682447a63916f9c8ada2ae.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673593137304},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\"></lineChart>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e940c7bce6fada6ad75967d24aa12368.json b/node_modules/.cache/vue-loader/e940c7bce6fada6ad75967d24aa12368.json
new file mode 100644
index 00000000..566fc0f6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/e940c7bce6fada6ad75967d24aa12368.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ea4ab10bb5d530cdbce5edaeac06de5d.json b/node_modules/.cache/vue-loader/ea4ab10bb5d530cdbce5edaeac06de5d.json
new file mode 100644
index 00000000..5a05db0e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ea4ab10bb5d530cdbce5edaeac06de5d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\"\nimport script from \"./pieChart.vue?vue&type=script&lang=js&\"\nexport * from \"./pieChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0b608953\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('0b608953')) {\n      api.createRecord('0b608953', component.options)\n    } else {\n      api.reload('0b608953', component.options)\n    }\n    module.hot.accept(\"./pieChart.vue?vue&type=template&id=0b608953&scoped=true&\", function () {\n      api.rerender('0b608953', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/pieChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ea89c97c7b24387263ae564f95acfb59.json b/node_modules/.cache/vue-loader/ea89c97c7b24387263ae564f95acfb59.json
new file mode 100644
index 00000000..8c28250d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ea89c97c7b24387263ae564f95acfb59.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673590673775},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        },\r\n        onSubmit() {},\r\n        handleClose() {}\r\n    },\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["tableShow.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"tableShow.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\r\n            <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"plate\" label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"lane\" label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"headWay\" label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select\r\n                        placeholder=\"起始时间\"\r\n                        v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\r\n                    >\r\n                    </el-time-select>\r\n                    <el-time-select\r\n                        placeholder=\"结束时间\"\r\n                        v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\r\n                    >\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select v-model=\"value\" placeholder=\"请选择\">\r\n                        <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\">确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'tableShow', //表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        type: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A'],\r\n            options: [\r\n                {\r\n                    value: '选项1',\r\n                    label: '黄金糕'\r\n                },\r\n                {\r\n                    value: '选项2',\r\n                    label: '双皮奶'\r\n                },\r\n                {\r\n                    value: '选项3',\r\n                    label: '蚵仔煎'\r\n                },\r\n                {\r\n                    value: '选项4',\r\n                    label: '龙须面'\r\n                },\r\n                {\r\n                    value: '选项5',\r\n                    label: '北京烤鸭'\r\n                }\r\n            ],\r\n            value: ''\r\n        };\r\n    },\r\n    methods: {\r\n        handleCommand(command) {\r\n            // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true;\r\n            }\r\n        },\r\n        onSubmit() {},\r\n        handleClose() {}\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon {\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ead1752b7893c9514f7a03894d364814.json b/node_modules/.cache/vue-loader/ead1752b7893c9514f7a03894d364814.json
new file mode 100644
index 00000000..2896a01b
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ead1752b7893c9514f7a03894d364814.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.customize-carousel .el-carousel__item h3 {\r\n  color: #475669;\r\n  font-size: 16px;\r\n  line-height: 150px;\r\n  margin: 0 50%;\r\n}\r\n.customize-carousel .el-carousel__item:nth-child(2n) {\r\n  background-color: #99a9bf;\r\n}\r\n.customize-carousel .el-carousel__item:nth-child(2n+1) {\r\n  background-color: #d3dce6;\r\n}\r\n",{"version":3,"sources":["test2-3.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"test2-3.vue","sourceRoot":"src/page/test2","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 2 - 3 </p>\r\n    <div class=\"test-div\" style=\"width:400px;\">\r\n      <el-carousel height=\"150px\" class=\"customize-carousel\">\r\n        <el-carousel-item v-for=\"item in 4\" :key=\"item\">\r\n          <h3>{{ item }}</h3>\r\n        </el-carousel-item>\r\n      </el-carousel>\r\n    </div>\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data(){\r\n    return{\r\n\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.customize-carousel .el-carousel__item h3 {\r\n  color: #475669;\r\n  font-size: 16px;\r\n  line-height: 150px;\r\n  margin: 0 50%;\r\n}\r\n.customize-carousel .el-carousel__item:nth-child(2n) {\r\n  background-color: #99a9bf;\r\n}\r\n.customize-carousel .el-carousel__item:nth-child(2n+1) {\r\n  background-color: #d3dce6;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/eadb5cb94c0a673c220c1a479e9b7ecc.json b/node_modules/.cache/vue-loader/eadb5cb94c0a673c220c1a479e9b7ecc.json
index b2778a23..04b715ca 100644
--- a/node_modules/.cache/vue-loader/eadb5cb94c0a673c220c1a479e9b7ecc.json
+++ b/node_modules/.cache/vue-loader/eadb5cb94c0a673c220c1a479e9b7ecc.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673232721964},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&\"\nimport script from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\nexport * from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\nimport style0 from \"./maintenanceRemind.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('57b7d65b')) {\n      api.createRecord('57b7d65b', component.options)\n    } else {\n      api.reload('57b7d65b', component.options)\n    }\n    module.hot.accept(\"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&\", function () {\n      api.rerender('57b7d65b', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/maintenanceRemind.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\maintenanceRemind.vue","mtime":1673580353837},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&scoped=true&\"\nimport script from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\nexport * from \"./maintenanceRemind.vue?vue&type=script&lang=js&\"\nimport style0 from \"./maintenanceRemind.vue?vue&type=style&index=0&id=57b7d65b&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"57b7d65b\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('57b7d65b')) {\n      api.createRecord('57b7d65b', component.options)\n    } else {\n      api.reload('57b7d65b', component.options)\n    }\n    module.hot.accept(\"./maintenanceRemind.vue?vue&type=template&id=57b7d65b&scoped=true&\", function () {\n      api.rerender('57b7d65b', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/maintenanceRemind.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/eb16eef906ef85f19a4488304cfab1c2.json b/node_modules/.cache/vue-loader/eb16eef906ef85f19a4488304cfab1c2.json
new file mode 100644
index 00000000..ce1ede76
--- /dev/null
+++ b/node_modules/.cache/vue-loader/eb16eef906ef85f19a4488304cfab1c2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\speedChart.vue","mtime":1673415153060},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"setion\" }, [\n    _vm._m(0),\n    _c(\n      \"div\",\n      { staticClass: \"typeContent\" },\n      [\n        _c(\n          \"el-card\",\n          {\n            staticStyle: {\n              width: \"150px\",\n              \"margin-bottom\": \"20px\",\n              \"text-align\": \"center\"\n            }\n          },\n          [\n            _c(\n              \"div\",\n              { staticStyle: { \"font-size\": \"30px\", \"font-weight\": \"bold\" } },\n              [_vm._v(\"99\")]\n            ),\n            _c(\"div\", { staticStyle: { padding: \"14px\" } }, [\n              _c(\"span\", [_vm._v(\"数值\")]),\n              _c(\n                \"div\",\n                { staticClass: \"bottom clearfix\" },\n                [\n                  _c(\"time\", { staticClass: \"time\" }, [_vm._v(\"17:49\")]),\n                  _c(\n                    \"el-button\",\n                    { staticClass: \"button\", attrs: { type: \"text\" } },\n                    [_vm._v(\"操作按钮\")]\n                  )\n                ],\n                1\n              )\n            ])\n          ]\n        ),\n        _vm.pageType == \"断面\"\n          ? _c(\n              \"div\",\n              {\n                staticStyle: {\n                  \"margin-bottom\": \"20px\",\n                  border: \"1px solid #e4e7ed\"\n                }\n              },\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"tableShow\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"tableShow\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _vm.pageType == \"区域\"\n          ? _c(\n              \"div\",\n              [\n                _vm.triggerType == \"触发\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.tableData, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期时刻\"\n                  ? _c(\"regionTable\", {\n                      attrs: { msg: _vm.periodicTime, type: _vm.triggerType }\n                    })\n                  : _vm._e(),\n                _vm.triggerType == \"周期统计\"\n                  ? _c(\"regionTable\", {\n                      attrs: {\n                        msg: _vm.periodicStatistic,\n                        type: _vm.triggerType\n                      }\n                    })\n                  : _vm._e()\n              ],\n              1\n            )\n          : _vm._e(),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"lineChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"border\" },\n          [\n            _c(\"detailDialog\"),\n            _vm.triggerType == \"触发\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.tableData } })\n              : _vm._e(),\n            _vm.triggerType == \"周期时刻\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.periodicTime } })\n              : _vm._e(),\n            _vm.triggerType == \"周期统计\"\n              ? _c(\"avgChart\", { attrs: { list: _vm.periodicStatistic } })\n              : _vm._e()\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"p\", { staticClass: \"chartTitle\" }, [\n      _c(\"span\", { staticClass: \"titleIcon\" }),\n      _vm._v(\" 速度组件\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/eb1e1dd8da1b5c269e7e17840816a90d.json b/node_modules/.cache/vue-loader/eb1e1dd8da1b5c269e7e17840816a90d.json
new file mode 100644
index 00000000..f7a36a8f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/eb1e1dd8da1b5c269e7e17840816a90d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["flowChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"flowChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'flowChart', //流量组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    data() {\r\n        return {\r\n            title: '流量组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/eb35602de1b7e6c6c47108917c6da4bd.json b/node_modules/.cache/vue-loader/eb35602de1b7e6c6c47108917c6da4bd.json
new file mode 100644
index 00000000..8396936e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/eb35602de1b7e6c6c47108917c6da4bd.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue?vue&type=style&index=0&id=35ac0829&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\regionTable.vue","mtime":1673312664615},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n",{"version":3,"sources":["regionTable.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"regionTable.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div class=\"tableContent\">\r\n        <div class=\"down\">\r\n            <el-dropdown trigger=\"click\" @command=\"handleCommand\">\r\n                <span class=\"moreIcon\"></span>\r\n                <el-dropdown-menu slot=\"dropdown\">\r\n                    <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\r\n                </el-dropdown-menu>\r\n            </el-dropdown>\r\n        </div>\r\n        <!-- 触发 -->\r\n         <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"视频路\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"目标编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"车牌\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"监测触发事件\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车道\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期时刻 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期时刻'\">\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"carNumber\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"视频帧\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='event' label=\"目标类型\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"占用状态\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='headWay' label=\"空间平均速度\"></el-table-column>\r\n        </el-table>\r\n        <!-- 周期统计 -->\r\n        <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type=='周期统计'\">\r\n            <el-table-column align=\"center\" prop=\"time\" label=\"区域编号\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"type\" label=\"区域名称\"></el-table-column>\r\n            <el-table-column align=\"center\" prop=\"event\" label=\"时间戳\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='lane' label=\"驶入流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='speed' label=\"驶离流量\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均存车数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均排队数\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均占有率\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均延误\"></el-table-column>\r\n            <el-table-column align=\"center\" prop='avgFlow' label=\"平均速度\"></el-table-column>\r\n        </el-table>\r\n\r\n\r\n\r\n        <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\r\n            <el-form :model=\"msg\" label-width=\"80px\">\r\n                <el-form-item label=\"val1\">\r\n                    <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\r\n                    </el-time-select>\r\n                    <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\r\n                        :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\r\n                    </el-time-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val2\">\r\n                    <el-select>\r\n                        <el-option>\r\n\r\n                        </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n                <el-form-item label=\"val3\">\r\n                    <el-input v-model=\"msg[0].val3\"></el-input>\r\n                </el-form-item>\r\n                <el-form-item label=\"val4\">\r\n                    <el-checkbox-group v-model=\"checkList\">\r\n                        <el-checkbox label=\"数值\"></el-checkbox>\r\n                        <el-checkbox label=\"表格\"></el-checkbox>\r\n                        <el-checkbox label=\"时间曲线图\"></el-checkbox>\r\n                        <el-checkbox label=\"均值图\"></el-checkbox>\r\n                    </el-checkbox-group>\r\n                </el-form-item>\r\n                <el-form-item>\r\n                    <el-button type=\"primary\" >确认</el-button>\r\n                    <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n                </el-form-item>\r\n            </el-form>\r\n        </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\n\r\nexport default {\r\n    name: 'tableShow',//表格组件\r\n    props: {\r\n        msg: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        type:{\r\n            type:String,\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            dialogVisible: false,\r\n            startTime: '',\r\n            endTime: '',\r\n            checkList: ['复选框 A']\r\n        }\r\n    },\r\n    methods: {\r\n        handleCommand(command) {  // 用户名下拉菜单选择事件\r\n            if (command == 'show') {\r\n                this.dialogVisible = true\r\n            }\r\n        },\r\n\r\n    },\r\n    mounted() {\r\n\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n.tableContent {\r\n    position: relative;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: -35px;\r\n    right: 5px;\r\n    z-index: 100;\r\n}\r\n.down .moreIcon{\r\n    width: 5px;\r\n    height: 18px;\r\n    background-size: 5px 18px;\r\n    background-image: url(../../assets/img/more.png);\r\n    display: block;\r\n}\r\n.el-form-item {\r\n    margin-bottom: 20px;\r\n}\r\n.tableContent{\r\n    border: 1px solid #E4E7ED;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ebbd9c71612406449faa127d265f28b8.json b/node_modules/.cache/vue-loader/ebbd9c71612406449faa127d265f28b8.json
new file mode 100644
index 00000000..4e9281b6
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ebbd9c71612406449faa127d265f28b8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue?vue&type=template&id=02017ef9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\delayChart.vue","mtime":1673593140949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"data\" :type=\"triggerType\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog />\n            <lineChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\"></lineChart>\n        </div>\n\n        <div class=\"border\">\n            <detailDialog />\n            <avgChart :pageType=\"pageType\" :list=\"data\" :title=\"title\" :status=\"triggerType\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ebd333b2adb8fc0288f398b72993e627.json b/node_modules/.cache/vue-loader/ebd333b2adb8fc0288f398b72993e627.json
new file mode 100644
index 00000000..8acf7093
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ebd333b2adb8fc0288f398b72993e627.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\tableShow.vue","mtime":1673314902485},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <!-- 触发 -->\n      \n    <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='触发'\">\n        <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\n        <el-table-column align=\"center\" prop='type' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='plate' label=\"车牌\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"速度\"></el-table-column>\n        <el-table-column align=\"center\" prop='event' label=\"监测触发事件\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"车道\"></el-table-column>\n        <el-table-column align=\"center\" prop='headWay' label=\"车头时距\"></el-table-column>\n    </el-table>\n    \n    <!-- 周期统计 -->\n    <el-table :data=\"msg\"  style=\"width: 100%\" v-if=\"type=='周期统计'\">\n        <el-table-column align=\"center\" prop=\"time\" label=\"断面编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"断面名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"时间序号\"></el-table-column>\n        <el-table-column align=\"center\" prop='lane' label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop='speed' label=\"入流流量\"></el-table-column>\n        <el-table-column align=\"center\" prop='avgFlow' label=\"出流流量\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"time\" label=\"断面流量\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"入流平均速度\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"出流平均速度\"></el-table-column>\n       \n    </el-table>\n\n\n\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\" >\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select placeholder=\"起始时间\" v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\">\n                </el-time-select>\n                <el-time-select placeholder=\"结束时间\" v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\">\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select v-model=\"value\" placeholder=\"请选择\">\n                    <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\" >确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ec2f9db9292448f1bbbf743b78674037.json b/node_modules/.cache/vue-loader/ec2f9db9292448f1bbbf743b78674037.json
index 9fbe6201..6e790388 100644
--- a/node_modules/.cache/vue-loader/ec2f9db9292448f1bbbf743b78674037.json
+++ b/node_modules/.cache/vue-loader/ec2f9db9292448f1bbbf743b78674037.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673234157305},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n<div id=\"lineChart\" ref=\"lineChart\" style=\"width:100%;height:300px;\"></div>\n\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673575672334},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ec35909c0ac4665ccd15b9642a4e9b10.json b/node_modules/.cache/vue-loader/ec35909c0ac4665ccd15b9642a4e9b10.json
new file mode 100644
index 00000000..a01be41a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ec35909c0ac4665ccd15b9642a4e9b10.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-1.vue","mtime":1673232721950},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { testApi } from '@/api/test';\r\n\r\nconst defaultListQuery = {\r\n  pageNum: 1,\r\n  pageSize: 10,\r\n  keyword: \"\"\r\n};\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      listQuery: Object.assign({}, defaultListQuery),\r\n      list: [],\r\n      total: 0,\r\n      listLoading: true,\r\n      selectedList: [],\r\n    }\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods:{\r\n    // handleResetSearch() {   // 重置搜索和列表\r\n    //   this.listQuery = Object.assign({}, defaultListQuery);  // 清空输入框内容\r\n    //   this.getList();  // 刷新列表并初始化\r\n    // },\r\n    // handleSearchList() {  // 查询搜索\r\n    //   this.listQuery.pageNum = 1;\r\n    //   this.getList();\r\n    // },\r\n    handleSizeChange(val) {  // 改变列表显示条数\r\n      this.listQuery.pageNum = 1;\r\n      this.listQuery.pageSize = val;\r\n      this.getList();\r\n    },\r\n    handleCurrentChange(val) {  // 改变列表显示页数\r\n      this.listQuery.pageNum = val;\r\n      this.getList();\r\n    },\r\n\r\n    getList() {    // 获取数据列表\r\n      this.listLoading = true;\r\n      testApi(this.listQuery).then(res => {\r\n        this.listLoading = false;\r\n        this.list = res.data.list;\r\n        this.total = res.data.total;\r\n      }).catch(err => {\r\n        this.listLoading = false;\r\n      });\r\n    },\r\n    handleSelectionChange(val){    // 批量选择行数\r\n      this.selectedList = val;\r\n    },\r\n  }\r\n}\r\n",{"version":3,"sources":["test1-1.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"test1-1.vue","sourceRoot":"src/page/test1","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主题页面 1 - 1</p>\r\n\r\n    <div class=\"table-container\">\r\n      <el-table ref=\"Table1\"\r\n                :data=\"list\"\r\n                style=\"width: 100%;\"\r\n                @selection-change=\"handleSelectionChange\"\r\n                border>\r\n        <el-table-column type=\"selection\" align=\"center\"></el-table-column>\r\n        <el-table-column type=\"index\" label=\"序号\" align=\"center\" width=\"50\"></el-table-column>\r\n        <el-table-column label=\"姓名\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.userName}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"性别\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.sex}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"年龄\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.age}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"民族\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.nation}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"学历\" align=\"center\">\r\n          <template slot-scope=\"scope\">{{scope.row.education}}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" width=\"120\" align=\"center\" fixed=\"right\">\r\n          <template slot-scope=\"scope\">\r\n            <el-button type=\"text\" \r\n                       @click=\"handleUpdate(scope.$index, scope.row)\">编辑</el-button>\r\n            <el-button type=\"text\"\r\n                       @click=\"handleDelete(scope.$index, scope.row)\">删除</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n\r\n    <div class=\"pagination-area\">\r\n      <el-pagination\r\n        background\r\n        @size-change=\"handleSizeChange\"\r\n        @current-change=\"handleCurrentChange\"\r\n        layout=\"total, sizes, prev, pager, next, jumper\"\r\n        :current-page.sync=\"listQuery.pageNum\"\r\n        :page-size=\"listQuery.pageSize\"\r\n        :page-sizes=\"[10,20,50]\"\r\n        :total=\"total\">\r\n      </el-pagination>\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport { testApi } from '@/api/test';\r\n\r\nconst defaultListQuery = {\r\n  pageNum: 1,\r\n  pageSize: 10,\r\n  keyword: \"\"\r\n};\r\n\r\nexport default {\r\n  data(){\r\n    return{\r\n      listQuery: Object.assign({}, defaultListQuery),\r\n      list: [],\r\n      total: 0,\r\n      listLoading: true,\r\n      selectedList: [],\r\n    }\r\n  },\r\n  created() {\r\n    this.getList();\r\n  },\r\n  methods:{\r\n    // handleResetSearch() {   // 重置搜索和列表\r\n    //   this.listQuery = Object.assign({}, defaultListQuery);  // 清空输入框内容\r\n    //   this.getList();  // 刷新列表并初始化\r\n    // },\r\n    // handleSearchList() {  // 查询搜索\r\n    //   this.listQuery.pageNum = 1;\r\n    //   this.getList();\r\n    // },\r\n    handleSizeChange(val) {  // 改变列表显示条数\r\n      this.listQuery.pageNum = 1;\r\n      this.listQuery.pageSize = val;\r\n      this.getList();\r\n    },\r\n    handleCurrentChange(val) {  // 改变列表显示页数\r\n      this.listQuery.pageNum = val;\r\n      this.getList();\r\n    },\r\n\r\n    getList() {    // 获取数据列表\r\n      this.listLoading = true;\r\n      testApi(this.listQuery).then(res => {\r\n        this.listLoading = false;\r\n        this.list = res.data.list;\r\n        this.total = res.data.total;\r\n      }).catch(err => {\r\n        this.listLoading = false;\r\n      });\r\n    },\r\n    handleSelectionChange(val){    // 批量选择行数\r\n      this.selectedList = val;\r\n    },\r\n  }\r\n}\r\n</script>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ec56190463336d1210ec9ecf40895277.json b/node_modules/.cache/vue-loader/ec56190463336d1210ec9ecf40895277.json
new file mode 100644
index 00000000..b111627c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ec56190463336d1210ec9ecf40895277.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue?vue&type=template&id=558a7c3e&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\sidemenu\\sideBarCommon.vue","mtime":1673580353830},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _vm._l(this.menuNavList, function(navMenu) {\n        return [\n          !navMenu.children\n            ? _c(\n                \"el-menu-item\",\n                { attrs: { index: navMenu.path, route: navMenu.path } },\n                [\n                  _c(\"i\", { class: navMenu.icon }),\n                  _c(\"span\", { attrs: { slot: \"title\" }, slot: \"title\" }, [\n                    _vm._v(_vm._s(navMenu.title))\n                  ])\n                ]\n              )\n            : _vm._e(),\n          navMenu.children\n            ? _c(\n                \"el-submenu\",\n                { key: navMenu.path, attrs: { index: navMenu.path } },\n                [\n                  _c(\"template\", { slot: \"title\" }, [\n                    _c(\"i\", { class: navMenu.icon }),\n                    _c(\"span\", [_vm._v(\" \" + _vm._s(navMenu.title))])\n                  ]),\n                  _c(\"menu-tree\", { attrs: { menuNavList: navMenu.children } })\n                ],\n                2\n              )\n            : _vm._e()\n        ]\n      })\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ed56cab3a296b53199f385647e0d63d0.json b/node_modules/.cache/vue-loader/ed56cab3a296b53199f385647e0d63d0.json
new file mode 100644
index 00000000..0a8c3213
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ed56cab3a296b53199f385647e0d63d0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\VPN.vue?vue&type=template&id=3b05fefa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\general\\VPN.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n    <div class=\"container\">\n        <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\n            <p>系统服务VPN</p>\n            <el-form-item label=\"状态：\">\n                <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">YES</span>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"操作：\">\n                <el-col :span=\"1\">\n                    <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\">开始</el-button>\n                </el-col>\n                <el-col :span=\"1\">\n                    <el-button type=\"danger\" style=\"margin-left: 10px\" size=\"small\">停止</el-button>\n                </el-col>\n                <el-col :span=\"2\">\n                    <el-button type=\"info\" style=\"margin-left: 10px\" size=\"small\">显示日志</el-button>\n                </el-col>\n            </el-form-item>\n            <p>保护装置</p>\n            <el-form-item label=\"配置文件：\">\n                <el-col :span=\"1\">\n                    <el-button type=\"primary\" size=\"small\">上传</el-button>\n                </el-col>\n                <el-col :span=\"4\">\n                    <el-upload\n                        class=\"upload-demo\"\n                        action=\"https://jsonplaceholder.typicode.com/posts/\"\n                        :on-preview=\"handlePreview\"\n                        :on-remove=\"handleRemove\"\n                        :before-remove=\"beforeRemove\"\n                        multiple\n                        :limit=\"3\"\n                        :on-exceed=\"handleExceed\"\n                        :file-list=\"fileList\"\n                    >\n                        <el-button size=\"small\" type=\"primary\">选择文件</el-button>\n                    </el-upload>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"配置上载：\">\n              <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">NO</span>\n                </el-col>\n            </el-form-item>\n            <p>开放VPN</p>\n            <el-form-item label=\"配置文件：\">\n                <el-col :span=\"1\">\n                    <el-button type=\"primary\" size=\"small\">上传</el-button>\n                </el-col>\n                <el-col :span=\"4\">\n                    <el-upload\n                        class=\"upload-demo\"\n                        action=\"https://jsonplaceholder.typicode.com/posts/\"\n                        :on-preview=\"handlePreview\"\n                        :on-remove=\"handleRemove\"\n                        :before-remove=\"beforeRemove\"\n                        multiple\n                        :limit=\"3\"\n                        :on-exceed=\"handleExceed\"\n                        :file-list=\"fileList\"\n                    >\n                        <el-button size=\"small\" type=\"primary\">选择文件</el-button>\n                    </el-upload>\n                </el-col>\n            </el-form-item>\n            <el-form-item label=\"配置上载：\">\n              <el-col :span=\"0.9\" style=\"diaplay: flex\">\n                    <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: red\"></div>\n                </el-col>\n                <el-col :span=\"2\" style=\"diaplay: flex\">\n                    <span style=\"margin-left: 10px\">NO</span>\n                </el-col>\n            </el-form-item>\n            <p>资格证书</p>\n            <el-form-item label=\"操作：\">\n                <el-col :span=\"12\">\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\">设置凭据</el-button>\n                </el-col>\n            </el-form-item>\n        </el-form>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ed6af5cff7d6a44ab8839a62e89cf625.json b/node_modules/.cache/vue-loader/ed6af5cff7d6a44ab8839a62e89cf625.json
new file mode 100644
index 00000000..779a4703
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ed6af5cff7d6a44ab8839a62e89cf625.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      runningState: {\r\n        type: '',\r\n        version: '',\r\n        currentTime: '',\r\n        startTime: '',\r\n        runTime: '',\r\n      },\r\n      performance: {\r\n        runTime: '',\r\n        averageCpuUtilization: '',\r\n        cpuUtilization: '',\r\n        cpuTemperature: '',\r\n        cpuName: '',\r\n        gpuUtilization: '',\r\n        gpuTemperature: '',\r\n        memoryUsage: '',\r\n        totalMemory: '',\r\n        virtualMemoryUsed: '',\r\n        totalVirtualMemory: '',\r\n      },\r\n      mountingPointTable: [\r\n        {\r\n          mountingPoint: '2016-05-02',\r\n          equipmentName: '王小虎',\r\n          occupancy: '上海市普陀区金沙江路 1518 弄',\r\n          total: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ],\r\n      networkStatus: {\r\n        internetAccess: '',\r\n        internetDelay: '',\r\n        DNS: '',\r\n        VPNvisit: '',\r\n        serverVPN: '',\r\n        serverVPNOpen: '',\r\n      },\r\n      networkStatus: [\r\n        {\r\n          connect: '2016-05-02',\r\n          IP: '王小虎',\r\n          acceptor: '上海市普陀区金沙江路 1518 弄',\r\n          totalReceived: '上海市普陀区金沙江路 1518 弄',\r\n          transmission: '上海市普陀区金沙江路 1518 弄',\r\n          transmissionTotal: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ]\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["StateOperation.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4FA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"StateOperation.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <!-- <p>主体页面 1 - 2 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <h1>运行状态</h1>\r\n      <el-form :model=\"runningState\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"类型：\">{{ runningState.type }}</el-form-item>\r\n        <el-form-item label=\"版本：\">{{ runningState.version }}</el-form-item>\r\n        <el-form-item label=\"当前系统时间：\">{{ runningState.currentTime }}</el-form-item>\r\n        <el-form-item label=\"开始运行时间：\">{{ runningState.startTime }}</el-form-item>\r\n        <el-form-item label=\"正常运行时长：\">{{ runningState.runTime }}</el-form-item>\r\n      </el-form>\r\n\r\n      <h1 class=\"mar-top20\">系统性能状态</h1>\r\n      <el-form :model=\"performance\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"正常运行时长：\">{{ performance.runTime }}</el-form-item>\r\n        <el-form-item label=\"平均Cpu利用率：\">{{ performance.averageCpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Cpu利用率：\">{{ performance.cpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Cpu温度：\">{{ performance.cpuTemperature }}</el-form-item>\r\n        <el-form-item label=\"Cpu名称：\">{{ performance.cpuName }}</el-form-item>\r\n        <el-form-item label=\"Gpu利用率：\">{{ performance.gpuUtilization }}</el-form-item>\r\n        <el-form-item label=\"Gpu温度：\">{{ performance.gpuTemperature }}</el-form-item>\r\n        <el-form-item label=\"使用的内存：\">{{ performance.memoryUsage }}</el-form-item>\r\n        <el-form-item label=\"内存总数：\">{{ performance.totalMemory }}</el-form-item>\r\n        <el-form-item label=\"已使用虚拟内存：\">{{ performance.virtualMemoryUsed }}</el-form-item>\r\n        <el-form-item label=\"虚拟内存总计：\">{{ performance.totalVirtualMemory }}</el-form-item>\r\n      </el-form>\r\n\r\n      <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\r\n        <el-table-column prop=\"mountingPoint\" label=\"安装点\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"equipmentName\" label=\"设备名称\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"occupancy\" label=\"使用\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.occupancy }}GB\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"total\" label=\"容量\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}GB\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n\r\n      <h1 class=\"mar-top20\">系统网络状态</h1>\r\n      <el-form :model=\"networkStatus\" label-position=\"left\" label-width=\"200px\" style=\"width:70%\">\r\n        <el-form-item label=\"互联网接入：\">{{ networkStatus.internetAccess }}</el-form-item>\r\n        <el-form-item label=\"互联网延迟：\">{{ networkStatus.internetDelay }}</el-form-item>\r\n        <el-form-item label=\"DNS访问：\">{{ networkStatus.DNS }}</el-form-item>\r\n        <el-form-item label=\"本地VPN访问：\">{{ networkStatus.VPNvisit }}</el-form-item>\r\n        <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPN }}</el-form-item>\r\n        <el-form-item label=\"服务器VPN访问：\">{{ networkStatus.serverVPNOpen }}</el-form-item>\r\n      </el-form>\r\n\r\n      <el-table class=\"mar-top20\" :data=\"mountingPointTable\" border style=\"width: 100%\">\r\n        <el-table-column prop=\"connect\" label=\"连接\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"IP\" label=\"IP地址\">\r\n        </el-table-column>\r\n        <el-table-column prop=\"acceptor\" label=\"接受\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.occupancy }}K\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"totalReceived\" label=\"收到的总数\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}GB\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"transmission\" label=\"传输\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}Kb/s\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"transmissionTotal\" label=\"传输的总数\">\r\n          <template slot-scope=\"scope\">\r\n            {{ scope.row.total }}MB\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      runningState: {\r\n        type: '',\r\n        version: '',\r\n        currentTime: '',\r\n        startTime: '',\r\n        runTime: '',\r\n      },\r\n      performance: {\r\n        runTime: '',\r\n        averageCpuUtilization: '',\r\n        cpuUtilization: '',\r\n        cpuTemperature: '',\r\n        cpuName: '',\r\n        gpuUtilization: '',\r\n        gpuTemperature: '',\r\n        memoryUsage: '',\r\n        totalMemory: '',\r\n        virtualMemoryUsed: '',\r\n        totalVirtualMemory: '',\r\n      },\r\n      mountingPointTable: [\r\n        {\r\n          mountingPoint: '2016-05-02',\r\n          equipmentName: '王小虎',\r\n          occupancy: '上海市普陀区金沙江路 1518 弄',\r\n          total: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ],\r\n      networkStatus: {\r\n        internetAccess: '',\r\n        internetDelay: '',\r\n        DNS: '',\r\n        VPNvisit: '',\r\n        serverVPN: '',\r\n        serverVPNOpen: '',\r\n      },\r\n      networkStatus: [\r\n        {\r\n          connect: '2016-05-02',\r\n          IP: '王小虎',\r\n          acceptor: '上海市普陀区金沙江路 1518 弄',\r\n          totalReceived: '上海市普陀区金沙江路 1518 弄',\r\n          transmission: '上海市普陀区金沙江路 1518 弄',\r\n          transmissionTotal: '上海市普陀区金沙江路 1518 弄',\r\n        },\r\n      ]\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n\r\n.mar-top20 {\r\n  margin-top: 20px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ed83174a216599772ffddb47d7aa32f7.json b/node_modules/.cache/vue-loader/ed83174a216599772ffddb47d7aa32f7.json
index 65ea3179..0d17f085 100644
--- a/node_modules/.cache/vue-loader/ed83174a216599772ffddb47d7aa32f7.json
+++ b/node_modules/.cache/vue-loader/ed83174a216599772ffddb47d7aa32f7.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673318397848},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\"\nimport script from \"./speedChart.vue?vue&type=script&lang=js&\"\nexport * from \"./speedChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"dd5ad696\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('dd5ad696')) {\n      api.createRecord('dd5ad696', component.options)\n    } else {\n      api.reload('dd5ad696', component.options)\n    }\n    module.hot.accept(\"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\", function () {\n      api.rerender('dd5ad696', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/speedChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\speedChart.vue","mtime":1673579760842},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\"\nimport script from \"./speedChart.vue?vue&type=script&lang=js&\"\nexport * from \"./speedChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./speedChart.vue?vue&type=style&index=0&id=dd5ad696&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"dd5ad696\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('dd5ad696')) {\n      api.createRecord('dd5ad696', component.options)\n    } else {\n      api.reload('dd5ad696', component.options)\n    }\n    module.hot.accept(\"./speedChart.vue?vue&type=template&id=dd5ad696&scoped=true&\", function () {\n      api.rerender('dd5ad696', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/speedChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/edc8aa65b36394f987c341341f38f31b.json b/node_modules/.cache/vue-loader/edc8aa65b36394f987c341341f38f31b.json
new file mode 100644
index 00000000..3dc263ff
--- /dev/null
+++ b/node_modules/.cache/vue-loader/edc8aa65b36394f987c341341f38f31b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ExportingSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./ExportingSettings.vue?vue&type=template&id=939d0aa4&scoped=true&\"\nimport script from \"./ExportingSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./ExportingSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExportingSettings.vue?vue&type=style&index=0&id=939d0aa4&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"939d0aa4\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('939d0aa4')) {\n      api.createRecord('939d0aa4', component.options)\n    } else {\n      api.reload('939d0aa4', component.options)\n    }\n    module.hot.accept(\"./ExportingSettings.vue?vue&type=template&id=939d0aa4&scoped=true&\", function () {\n      api.rerender('939d0aa4', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/ExportingSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/edcf31ca7cbb9e3fc0c404ca28c42371.json b/node_modules/.cache/vue-loader/edcf31ca7cbb9e3fc0c404ca28c42371.json
new file mode 100644
index 00000000..d0448d95
--- /dev/null
+++ b/node_modules/.cache/vue-loader/edcf31ca7cbb9e3fc0c404ca28c42371.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue?vue&type=template&id=7ba5bd90&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"app\" :class=\"style ? 'theme1' : ''\">\n  <router-view></router-view>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ee2eedd7f606fbeb031f5e54cf7dcde6.json b/node_modules/.cache/vue-loader/ee2eedd7f606fbeb031f5e54cf7dcde6.json
new file mode 100644
index 00000000..aa5b2dcd
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ee2eedd7f606fbeb031f5e54cf7dcde6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\StateOperation.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\StateOperation.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&\"\nimport script from \"./StateOperation.vue?vue&type=script&lang=js&\"\nexport * from \"./StateOperation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StateOperation.vue?vue&type=style&index=0&id=48ceb990&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"48ceb990\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('48ceb990')) {\n      api.createRecord('48ceb990', component.options)\n    } else {\n      api.reload('48ceb990', component.options)\n    }\n    module.hot.accept(\"./StateOperation.vue?vue&type=template&id=48ceb990&scoped=true&\", function () {\n      api.rerender('48ceb990', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/StateOperation.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ee98cc4bb8eebc9ffcf910ebb4182eb0.json b/node_modules/.cache/vue-loader/ee98cc4bb8eebc9ffcf910ebb4182eb0.json
new file mode 100644
index 00000000..bceda2e2
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ee98cc4bb8eebc9ffcf910ebb4182eb0.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\test3-1.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./test3-1.vue?vue&type=template&id=51b0b1b0&\"\nimport script from \"./test3-1.vue?vue&type=script&lang=js&\"\nexport * from \"./test3-1.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('51b0b1b0')) {\n      api.createRecord('51b0b1b0', component.options)\n    } else {\n      api.reload('51b0b1b0', component.options)\n    }\n    module.hot.accept(\"./test3-1.vue?vue&type=template&id=51b0b1b0&\", function () {\n      api.rerender('51b0b1b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/test3/test3-1.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ee9941371ea6b015ac43ea701d4e2c6e.json b/node_modules/.cache/vue-loader/ee9941371ea6b015ac43ea701d4e2c6e.json
new file mode 100644
index 00000000..a6701105
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ee9941371ea6b015ac43ea701d4e2c6e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\typeChart.vue","mtime":1673516017952},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\"\nimport script from \"./typeChart.vue?vue&type=script&lang=js&\"\nexport * from \"./typeChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1436fa54\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1436fa54')) {\n      api.createRecord('1436fa54', component.options)\n    } else {\n      api.reload('1436fa54', component.options)\n    }\n    module.hot.accept(\"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\", function () {\n      api.rerender('1436fa54', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/typeChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/efee434367d1a0a55410ef709166f474.json b/node_modules/.cache/vue-loader/efee434367d1a0a55410ef709166f474.json
new file mode 100644
index 00000000..5ea46b19
--- /dev/null
+++ b/node_modules/.cache/vue-loader/efee434367d1a0a55410ef709166f474.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue?vue&type=style&index=0&id=6fd57e96&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\InterfaceServerCertificates.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n.el-col-6{\r\n  padding-top: 0;\r\n  padding-left: 0;\r\n  line-height: 32px;\r\n}\r\n",{"version":3,"sources":["InterfaceServerCertificates.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"InterfaceServerCertificates.vue","sourceRoot":"src/views/SystemSettings","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">用于REAST API的ssl web服务器证书</p>\r\n      <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form :model=\"form\" label-position=\"left\" label-width=\"220px\">\r\n        <el-form-item label=\"证书颁发者名称：\">\r\n          {{ form.name1 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书使用者名称：\">\r\n          {{ form.name2 }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书有效时间：\">\r\n          {{ form.startTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书到期时间：\">\r\n          {{ form.endTime }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书被列入黑名单：\">\r\n          {{ form.blacklist }}\r\n        </el-form-item>\r\n        <el-form-item label=\"自签名证书：\">\r\n          {{ form.autograph }}\r\n        </el-form-item>\r\n        <el-form-item label=\"证书版本：\">\r\n          {{ form.version }}\r\n        </el-form-item>\r\n      </el-form>\r\n\r\n      <el-button @click=\"showUpdateCertificate = true\" type=\"primary\">更新证书</el-button>\r\n\r\n      <el-dialog title=\"提示\" :visible.sync=\"showUpdateCertificate\" width=\"30%\">\r\n        <el-row>\r\n          <el-col :span=\"6\">\r\n            文件选择：\r\n          </el-col>\r\n          <el-col :span=\"18\">\r\n            <el-upload action=\"https://jsonplaceholder.typicode.com/posts/\">\r\n              <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n            </el-upload>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <span slot=\"footer\" class=\"dialog-footer\">\r\n          <el-button type=\"primary\" @click=\"showUpdateCertificate = false\">确 定</el-button>\r\n        </span>\r\n      </el-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      form: {\r\n        name1: 'ParkingDetrctionCA',\r\n        name2: 'loc.rcesystems.cz',\r\n        startTime: '2019-12-02 22::17:47',\r\n        endTime: '2033-08-10 22::17:47',\r\n        blacklist: '否',\r\n        autograph: '否',\r\n        version: '3',\r\n      },\r\n      showUpdateCertificate: false,\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n\r\n.el-form-item {\r\n  margin-bottom: 0px;\r\n}\r\n.el-col-6{\r\n  padding-top: 0;\r\n  padding-left: 0;\r\n  line-height: 32px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f01be22257b6b97427e6b9751adb56b3.json b/node_modules/.cache/vue-loader/f01be22257b6b97427e6b9751adb56b3.json
new file mode 100644
index 00000000..6b11a8b1
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f01be22257b6b97427e6b9751adb56b3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue?vue&type=template&id=2ab7ee0a&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ImportSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n  <div class=\"container\">\n    <p class=\"title\">导入设置</p>\n    <!-- <div class=\"test-div\">\n    <i class=\"el-icon-edit\"></i>\n    <i class=\"el-icon-share\"></i>\n    <i class=\"el-icon-delete\"></i>\n  </div> -->\n\n    <el-upload class=\"upload-demo\" ref=\"upload\" action=\"https://jsonplaceholder.typicode.com/posts/\"\n      :file-list=\"fileList\" :auto-upload=\"false\" @on-success=\"fileSuccess\" @on-error=\"fileError\" @on-progress=\"fileProgress\">\n      <el-button slot=\"trigger\" size=\"small\" type=\"primary\">选取文件</el-button>\n      <el-button style=\"margin-left: 10px;\" size=\"small\" type=\"success\" @click=\"submitUpload\">导入</el-button>\n    </el-upload>\n\n    <div class=\"warning\">\n      <i class=\"el-icon-warning\" style=\"color: #409EFF; margin: 0 3px 0 10px;\"></i>范围1-8、默认6\n      将一个保存好的系统设置文件导入本系统。导入后将覆盖现有的所有分析和用户设置，并重启系统，未保存的数据可能会丢失，请谨慎使用.\n    </div>\n  </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f020d234826012cb63146505301d601e.json b/node_modules/.cache/vue-loader/f020d234826012cb63146505301d601e.json
index a543146f..a3e83661 100644
--- a/node_modules/.cache/vue-loader/f020d234826012cb63146505301d601e.json
+++ b/node_modules/.cache/vue-loader/f020d234826012cb63146505301d601e.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673319660838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"pieChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"pieChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue?vue&type=template&id=0b608953&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\pieChart.vue","mtime":1673320624212},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"pieChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"pieChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f1518ec91e4b279a13cbee9722f7cb73.json b/node_modules/.cache/vue-loader/f1518ec91e4b279a13cbee9722f7cb73.json
index d444547e..a3c055a8 100644
--- a/node_modules/.cache/vue-loader/f1518ec91e4b279a13cbee9722f7cb73.json
+++ b/node_modules/.cache/vue-loader/f1518ec91e4b279a13cbee9722f7cb73.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673257798167},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  拥堵组件</p>\n    <div class=\"typeContent\">\n        <el-card style='width:150px;margin-bottom:20px;text-align:center'>\n            <div style=\"font-size:30px;font-weight:bold;\">99</div>\n                <div style=\"padding: 14px;\">\n                    <span>数值</span>\n                    <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49{{ currentDate }}</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n\n\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n    <div></div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue?vue&type=template&id=4a9ff109&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\congestionChart.vue","mtime":1673517849402},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n    <div></div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f1aa769a2c4058984a810d257e09bfe6.json b/node_modules/.cache/vue-loader/f1aa769a2c4058984a810d257e09bfe6.json
new file mode 100644
index 00000000..8ab65239
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f1aa769a2c4058984a810d257e09bfe6.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=6896dfe2&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=6896dfe2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6896dfe2\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('6896dfe2')) {\n      api.createRecord('6896dfe2', component.options)\n    } else {\n      api.reload('6896dfe2', component.options)\n    }\n    module.hot.accept(\"./Login.vue?vue&type=template&id=6896dfe2&scoped=true&\", function () {\n      api.rerender('6896dfe2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/page/Login.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f1c0dd365e88f3c5bde6050c6ed7cb3a.json b/node_modules/.cache/vue-loader/f1c0dd365e88f3c5bde6050c6ed7cb3a.json
new file mode 100644
index 00000000..3d6a5698
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f1c0dd365e88f3c5bde6050c6ed7cb3a.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue?vue&type=template&id=7ba5bd90&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\App.vue","mtime":1673232721709},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { class: _vm.style ? \"theme1\" : \"\", attrs: { id: \"app\" } },\n    [_c(\"router-view\")],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f23654fe1256fdc0e9d498764f68ea34.json b/node_modules/.cache/vue-loader/f23654fe1256fdc0e9d498764f68ea34.json
new file mode 100644
index 00000000..f40ffa8a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f23654fe1256fdc0e9d498764f68ea34.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue?vue&type=template&id=82754e84&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\n          \"el-form\",\n          {\n            ref: \"form\",\n            attrs: { model: _vm.sizeForm, \"label-width\": \"220px\" }\n          },\n          [\n            _c(\"p\", [_vm._v(\"自定义操作\")]),\n            _c(\"el-form-item\", { attrs: { label: \"重新启动网络服务\" } }),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"重新启动systemd网络服务：\" } },\n              [\n                _c(\n                  \"el-col\",\n                  { attrs: { span: 1 } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { \"margin-left\": \"10px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: { click: _vm.handleagain }\n                      },\n                      [_vm._v(\"启动\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f25d1ac1e3dafc9889cf038697486fb7.json b/node_modules/.cache/vue-loader/f25d1ac1e3dafc9889cf038697486fb7.json
new file mode 100644
index 00000000..cac19a52
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f25d1ac1e3dafc9889cf038697486fb7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue?vue&type=template&id=bf5ea1e0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\403.vue","mtime":1673232721948},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"error-page\" }, [\n    _vm._m(0),\n    _c(\"div\", { staticClass: \"error-desc\" }, [\n      _vm._v(\"啊哦~ 你没有权限访问该页面哦\")\n    ]),\n    _c(\n      \"div\",\n      { staticClass: \"error-handle\" },\n      [\n        _c(\n          \"router-link\",\n          { attrs: { to: \"/\" } },\n          [\n            _c(\"el-button\", { attrs: { type: \"primary\", size: \"large\" } }, [\n              _vm._v(\"返回首页\")\n            ])\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          {\n            staticClass: \"error-btn\",\n            attrs: { type: \"primary\", size: \"large\" },\n            on: {\n              click: function($event) {\n                return _vm.goBack()\n              }\n            }\n          },\n          [_vm._v(\"返回上一页\")]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"error-code\" }, [\n      _vm._v(\"4\"),\n      _c(\"span\", [_vm._v(\"0\")]),\n      _vm._v(\"3\")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f483d27b25e76607e33996fb938e5fe8.json b/node_modules/.cache/vue-loader/f483d27b25e76607e33996fb938e5fe8.json
new file mode 100644
index 00000000..040b8b12
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f483d27b25e76607e33996fb938e5fe8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\target\\delayChart.vue","mtime":1673517881662},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '延误组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n",{"version":3,"sources":["delayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"delayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\r\n                <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\r\n                <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n\r\n            <div class=\"border\">\r\n                <detailDialog :msg=\"tableData\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\r\n                <avgChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'delayChart', //延迟组件\r\n    props: ['pageType', 'triggerType'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '延误组件',\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                }\r\n            ],\r\n            // triggerType: '周期统计',\r\n            periodicTime: [\r\n                {\r\n                    time: '17:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '50',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '22:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '30',\r\n                    CongestionStatus: '拥堵'\r\n                },\r\n                {\r\n                    time: '24:00',\r\n                    type: '货车',\r\n                    lane: '西城车道',\r\n                    lineUp: '200',\r\n                    check: '300',\r\n                    ownStatus: '空',\r\n                    speed: '80',\r\n                    CongestionStatus: '拥堵'\r\n                }\r\n            ],\r\n            periodicStatistic: [\r\n                {\r\n                    time: '9:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '60',\r\n                    avgFlow: '200'\r\n                },\r\n                {\r\n                    time: '10:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '55',\r\n                    avgFlow: '50'\r\n                },\r\n                {\r\n                    time: '11:40',\r\n                    type: '小汽车',\r\n                    event: 'out',\r\n                    lane: '西北大道',\r\n                    speed: '61',\r\n                    avgFlow: '40'\r\n                }\r\n            ]\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {},\r\n    watch: {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    height: 300px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f48668125149fb765be63a41b3b5fc3c.json b/node_modules/.cache/vue-loader/f48668125149fb765be63a41b3b5fc3c.json
new file mode 100644
index 00000000..06ea83de
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f48668125149fb765be63a41b3b5fc3c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\SystemSettings\\UDPServiceSettings.vue","mtime":1673232721962},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./UDPServiceSettings.vue?vue&type=template&id=3fb0550a&\"\nimport script from \"./UDPServiceSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./UDPServiceSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UDPServiceSettings.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3fb0550a')) {\n      api.createRecord('3fb0550a', component.options)\n    } else {\n      api.reload('3fb0550a', component.options)\n    }\n    module.hot.accept(\"./UDPServiceSettings.vue?vue&type=template&id=3fb0550a&\", function () {\n      api.rerender('3fb0550a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/SystemSettings/UDPServiceSettings.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f494eef66a5e74449063d8442540bfed.json b/node_modules/.cache/vue-loader/f494eef66a5e74449063d8442540bfed.json
new file mode 100644
index 00000000..1e19025d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f494eef66a5e74449063d8442540bfed.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue?vue&type=template&id=405e56cc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\detailDialog.vue","mtime":1673075248292},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"div\",\n        { staticClass: \"down\" },\n        [\n          _c(\n            \"el-dropdown\",\n            { attrs: { trigger: \"click\" }, on: { command: _vm.handleCommand } },\n            [\n              _c(\"span\", { staticClass: \"moreIcon\" }),\n              _c(\n                \"el-dropdown-menu\",\n                { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                [\n                  _c(\"el-dropdown-item\", { attrs: { command: \"show\" } }, [\n                    _vm._v(\"查看详情\")\n                  ])\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"编辑\",\n            visible: _vm.dialogVisible,\n            width: \"40%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            { attrs: { \"label-width\": \"80px\" } },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val1\" } },\n                [\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"起始时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\"\n                      }\n                    },\n                    model: {\n                      value: _vm.startTime,\n                      callback: function($$v) {\n                        _vm.startTime = $$v\n                      },\n                      expression: \"startTime\"\n                    }\n                  }),\n                  _c(\"el-time-select\", {\n                    attrs: {\n                      placeholder: \"结束时间\",\n                      \"picker-options\": {\n                        start: \"08:30\",\n                        step: \"00:15\",\n                        end: \"18:30\",\n                        minTime: _vm.startTime\n                      }\n                    },\n                    model: {\n                      value: _vm.endTime,\n                      callback: function($$v) {\n                        _vm.endTime = $$v\n                      },\n                      expression: \"endTime\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val2\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择\" },\n                      model: {\n                        value: _vm.value,\n                        callback: function($$v) {\n                          _vm.value = $$v\n                        },\n                        expression: \"value\"\n                      }\n                    },\n                    _vm._l(_vm.options, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val3\" } },\n                [_c(\"el-input\")],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"val4\" } },\n                [\n                  _c(\n                    \"el-checkbox-group\",\n                    {\n                      model: {\n                        value: _vm.checkList,\n                        callback: function($$v) {\n                          _vm.checkList = $$v\n                        },\n                        expression: \"checkList\"\n                      }\n                    },\n                    [\n                      _c(\"el-checkbox\", { attrs: { label: \"数值\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"表格\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"时间曲线图\" } }),\n                      _c(\"el-checkbox\", { attrs: { label: \"均值图\" } })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    { attrs: { type: \"primary\" }, on: { click: _vm.onSubmit } },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          _vm.dialogVisible = false\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f4c1eb0448fef3fb0d6835c37cf4af9b.json b/node_modules/.cache/vue-loader/f4c1eb0448fef3fb0d6835c37cf4af9b.json
index 0372f5a4..5901c93e 100644
--- a/node_modules/.cache/vue-loader/f4c1eb0448fef3fb0d6835c37cf4af9b.json
+++ b/node_modules/.cache/vue-loader/f4c1eb0448fef3fb0d6835c37cf4af9b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673257804909},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span>  流量组件</p>\n    <div class=\"typeContent\">\n        <el-card style='width:150px;margin-bottom:20px;text-align:center'>\n            <div style=\"font-size:30px;font-weight:bold;\">99</div>\n                <div style=\"padding: 14px;\">\n                    <span>数值</span>\n                    <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49{{ currentDate }}</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n\n\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\" margin-bottom: 20px;border: 1px solid #E4E7ED;\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue?vue&type=template&id=1efa0362&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\flowChart.vue","mtime":1673518172906},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"setion\">\n    <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\n    <div class=\"typeContent\">\n        <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\n            <div style=\"font-size: 30px; font-weight: bold\">99</div>\n            <div style=\"padding: 14px\">\n                <span>数值</span>\n                <div class=\"bottom clearfix\">\n                    <time class=\"time\">17:49</time>\n                    <el-button type=\"text\" class=\"button\">操作按钮</el-button>\n                </div>\n            </div>\n        </el-card>\n        <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\n            <tableShow :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <tableShow :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n        <div v-if=\"pageType == '区域'\">\n            <regionTable :msg=\"tableData\" :type=\"triggerType\" v-if=\"triggerType == '触发'\" />\n            <regionTable :msg=\"periodicTime\" :type=\"triggerType\" v-if=\"triggerType == '周期时刻'\" />\n            <regionTable :msg=\"periodicStatistic\" :type=\"triggerType\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n\n        <div class=\"border\">\n            <detailDialog :msg=\"tableData\" />\n            <lineChart :pageType=\"pageType\" :list=\"tableData\" v-if=\"triggerType == '触发'\"></lineChart>\n            <lineChart :pageType=\"pageType\" :list=\"periodicTime\" v-if=\"triggerType == '周期时刻'\" />\n            <lineChart :pageType=\"pageType\" :list=\"periodicStatistic\" v-if=\"triggerType == '周期统计'\" />\n        </div>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f55816ffd4937a0ee9a6d935ea26470e.json b/node_modules/.cache/vue-loader/f55816ffd4937a0ee9a6d935ea26470e.json
new file mode 100644
index 00000000..8d01f452
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f55816ffd4937a0ee9a6d935ea26470e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\AnalysisMain.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id) {\r\n        this.$router.push({path:'index',query: {id:id}})\r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id) {\r\n        this.$router.push({path:'index',query: {id:id}})\r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f58af49a4f09c0f3d539bda3fc388c67.json b/node_modules/.cache/vue-loader/f58af49a4f09c0f3d539bda3fc388c67.json
index b943d131..88435d8f 100644
--- a/node_modules/.cache/vue-loader/f58af49a4f09c0f3d539bda3fc388c67.json
+++ b/node_modules/.cache/vue-loader/f58af49a4f09c0f3d539bda3fc388c67.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"wrapper\" },\n    [\n      _c(\n        \"el-aside\",\n        {\n          staticClass: \"aside\",\n          staticStyle: { width: \"13%\", position: \"absolute\", height: \"100%\" }\n        },\n        [\n          _c(\"div\", { staticClass: \"logo\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"@/assets/img/topTitle.png\"),\n                alt: \"\",\n                width: \"100%\",\n                height: \"100%\"\n              }\n            })\n          ]),\n          _c(\"SideMenu\", { attrs: { navMenus: _vm.leftMenus } })\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"header\" }, [\n        _c(\"div\", { staticStyle: { float: \"left\" } }),\n        _c(\"div\", { staticClass: \"header-right\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"header-user-con\" },\n            [\n              _c(\n                \"div\",\n                {\n                  on: {\n                    click: function($event) {\n                      return _vm.handleChangeStyle()\n                    }\n                  }\n                },\n                [\n                  _c(\n                    \"el-tooltip\",\n                    { attrs: { content: \"切换主题\", placement: \"bottom\" } },\n                    [\n                      _c(\"i\", {\n                        class: _vm.globalTheme\n                          ? \"el-icon-moon\"\n                          : \"el-icon-sunny\"\n                      })\n                    ]\n                  )\n                ],\n                1\n              ),\n              _vm._m(0),\n              _c(\n                \"el-dropdown\",\n                {\n                  staticClass: \"user-name\",\n                  attrs: { trigger: \"click\" },\n                  on: { command: _vm.handleCommand }\n                },\n                [\n                  _c(\"span\", { staticClass: \"el-dropdown-link\" }, [\n                    _vm._v(\" \" + _vm._s(_vm.username) + \" \"),\n                    _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n                  ]),\n                  _c(\n                    \"el-dropdown-menu\",\n                    { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                    [\n                      _c(\"el-dropdown-item\", { attrs: { disabled: \"\" } }, [\n                        _vm._v(\"修改密码\")\n                      ]),\n                      _c(\n                        \"el-dropdown-item\",\n                        { attrs: { command: \"loginout\" } },\n                        [_vm._v(\"退出登录\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      ]),\n      _c(\"el-main\", [_c(\"router-view\")], 1)\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"user-avator\" }, [\n      _c(\"img\", { attrs: { src: require(\"@/assets/img/img.jpg\") } })\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue?vue&type=template&id=39ed39fa&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\common\\Whole.vue","mtime":1673580353829},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"wrapper\" },\n    [\n      _c(\n        \"el-aside\",\n        {\n          staticClass: \"aside\",\n          staticStyle: { width: \"13%\", position: \"absolute\", height: \"100%\" }\n        },\n        [\n          _c(\"div\", { staticClass: \"logo\" }, [\n            _c(\"img\", {\n              attrs: {\n                src: require(\"@/assets/img/topTitle.png\"),\n                alt: \"\",\n                width: \"100%\",\n                height: \"100%\"\n              }\n            })\n          ]),\n          _c(\"SideMenu\", { attrs: { navMenus: _vm.leftMenus } })\n        ],\n        1\n      ),\n      _c(\"div\", { staticClass: \"header\" }, [\n        _c(\"div\", { staticClass: \"header-right\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"header-user-con\" },\n            [\n              _c(\n                \"div\",\n                {\n                  on: {\n                    click: function($event) {\n                      return _vm.handleChangeStyle()\n                    }\n                  }\n                },\n                [\n                  _c(\n                    \"el-tooltip\",\n                    { attrs: { content: \"切换主题\", placement: \"bottom\" } },\n                    [\n                      _c(\"i\", {\n                        class: _vm.globalTheme\n                          ? \"el-icon-moon\"\n                          : \"el-icon-sunny\"\n                      })\n                    ]\n                  )\n                ],\n                1\n              ),\n              _vm._m(0),\n              _c(\n                \"el-dropdown\",\n                {\n                  staticClass: \"user-name\",\n                  attrs: { trigger: \"click\" },\n                  on: { command: _vm.handleCommand }\n                },\n                [\n                  _c(\"span\", { staticClass: \"el-dropdown-link\" }, [\n                    _vm._v(\" \" + _vm._s(_vm.username) + \" \"),\n                    _c(\"i\", { staticClass: \"el-icon-caret-bottom\" })\n                  ]),\n                  _c(\n                    \"el-dropdown-menu\",\n                    { attrs: { slot: \"dropdown\" }, slot: \"dropdown\" },\n                    [\n                      _c(\"el-dropdown-item\", { attrs: { disabled: \"\" } }, [\n                        _vm._v(\"修改密码\")\n                      ]),\n                      _c(\n                        \"el-dropdown-item\",\n                        { attrs: { command: \"loginout\" } },\n                        [_vm._v(\"退出登录\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ])\n      ]),\n      _c(\"el-main\", [_c(\"router-view\")], 1)\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"user-avator\" }, [\n      _c(\"img\", { attrs: { src: require(\"@/assets/img/img.jpg\") } })\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f71d16e2679abfcebe4ca5a315ad66ad.json b/node_modules/.cache/vue-loader/f71d16e2679abfcebe4ca5a315ad66ad.json
new file mode 100644
index 00000000..0dcbacd4
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f71d16e2679abfcebe4ca5a315ad66ad.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673593016910},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n",{"version":3,"sources":["typeChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"typeChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <!-- 触发类型 -->\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <barChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <pieChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport pieChart from '../chart/pieChart.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'typeChart', //类型组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        regionTable,\r\n        pieChart\r\n    },\r\n    data() {\r\n        return {\r\n            title: '类型组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f72b67a09a8bc058682e0e7b2da234de.json b/node_modules/.cache/vue-loader/f72b67a09a8bc058682e0e7b2da234de.json
new file mode 100644
index 00000000..c0f52d49
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f72b67a09a8bc058682e0e7b2da234de.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\common\\Pagination.vue","mtime":1673232721939},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { scrollTo } from '@/utils/scroll-to';\r\n\r\nexport default {\r\n  name: 'Pagination',\r\n  props: {\r\n    total: {\r\n      required: true,\r\n      type: Number\r\n    },\r\n    page: {\r\n      type: Number,\r\n      default: 1\r\n    },\r\n    limit: {\r\n      type: Number,\r\n      default: 20\r\n    },\r\n    pageSizes: {\r\n      type: Array,\r\n      default() {\r\n        return [10, 20, 30, 50, 100]\r\n      }\r\n    },\r\n    layout: {\r\n      type: String,\r\n      default: 'total, sizes, prev, pager, next, jumper'\r\n    },\r\n    background: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    autoScroll: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    hidden: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    currentPage: {\r\n      get() {\r\n        return this.page;\r\n      },\r\n      set(val) {\r\n        this.$emit('update:page', val);\r\n      }\r\n    },\r\n    pageSize: {\r\n      get() {\r\n        return this.limit;\r\n      },\r\n      set(val) {\r\n        this.$emit('update:limit', val);\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    handleSizeChange(val) {\r\n      this.$emit('pagination', { page: this.currentPage, limit: val });\r\n      if (this.autoScroll) {\r\n        scrollTo(0, 800);\r\n      }\r\n    },\r\n    handleCurrentChange(val) {\r\n      this.$emit('pagination', { page: val, limit: this.pageSize });\r\n      if (this.autoScroll) {\r\n        scrollTo(0, 800);\r\n      }\r\n    }\r\n  }\r\n}\r\n",{"version":3,"sources":["Pagination.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAiBA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"Pagination.vue","sourceRoot":"src/components/common","sourcesContent":["<template>\r\n  <div :class=\"{'hidden':hidden}\" class=\"pagination-container\">\r\n    <el-pagination\r\n      :background=\"background\"\r\n      :current-page.sync=\"currentPage\"\r\n      :page-size.sync=\"pageSize\"\r\n      :layout=\"layout\"\r\n      :page-sizes=\"pageSizes\"\r\n      :total=\"total\"\r\n      v-bind=\"$attrs\"\r\n      @size-change=\"handleSizeChange\"\r\n      @current-change=\"handleCurrentChange\"\r\n    ></el-pagination>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { scrollTo } from '@/utils/scroll-to';\r\n\r\nexport default {\r\n  name: 'Pagination',\r\n  props: {\r\n    total: {\r\n      required: true,\r\n      type: Number\r\n    },\r\n    page: {\r\n      type: Number,\r\n      default: 1\r\n    },\r\n    limit: {\r\n      type: Number,\r\n      default: 20\r\n    },\r\n    pageSizes: {\r\n      type: Array,\r\n      default() {\r\n        return [10, 20, 30, 50, 100]\r\n      }\r\n    },\r\n    layout: {\r\n      type: String,\r\n      default: 'total, sizes, prev, pager, next, jumper'\r\n    },\r\n    background: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    autoScroll: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    hidden: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    currentPage: {\r\n      get() {\r\n        return this.page;\r\n      },\r\n      set(val) {\r\n        this.$emit('update:page', val);\r\n      }\r\n    },\r\n    pageSize: {\r\n      get() {\r\n        return this.limit;\r\n      },\r\n      set(val) {\r\n        this.$emit('update:limit', val);\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    handleSizeChange(val) {\r\n      this.$emit('pagination', { page: this.currentPage, limit: val });\r\n      if (this.autoScroll) {\r\n        scrollTo(0, 800);\r\n      }\r\n    },\r\n    handleCurrentChange(val) {\r\n      this.$emit('pagination', { page: val, limit: this.pageSize });\r\n      if (this.autoScroll) {\r\n        scrollTo(0, 800);\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.pagination-container {\r\n  background: #fff;\r\n  padding: 10px 0 0 16px;\r\n}\r\n.pagination-container.hidden {\r\n  display: none;\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f74c7d9c7caa7dfe64c901a0e86fb6cd.json b/node_modules/.cache/vue-loader/f74c7d9c7caa7dfe64c901a0e86fb6cd.json
index d26dfa0f..46332a54 100644
--- a/node_modules/.cache/vue-loader/f74c7d9c7caa7dfe64c901a0e86fb6cd.json
+++ b/node_modules/.cache/vue-loader/f74c7d9c7caa7dfe64c901a0e86fb6cd.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673234157305},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\"\nimport script from \"./lineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3aba1cf9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3aba1cf9')) {\n      api.createRecord('3aba1cf9', component.options)\n    } else {\n      api.reload('3aba1cf9', component.options)\n    }\n    module.hot.accept(\"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\", function () {\n      api.rerender('3aba1cf9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/lineChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673575672334},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\"\nimport script from \"./lineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3aba1cf9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3aba1cf9')) {\n      api.createRecord('3aba1cf9', component.options)\n    } else {\n      api.reload('3aba1cf9', component.options)\n    }\n    module.hot.accept(\"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\", function () {\n      api.rerender('3aba1cf9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/lineChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f7d19eaea5194ec5bfab01bb200d2a89.json b/node_modules/.cache/vue-loader/f7d19eaea5194ec5bfab01bb200d2a89.json
new file mode 100644
index 00000000..479ab293
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f7d19eaea5194ec5bfab01bb200d2a89.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue?vue&type=template&id=82754e84&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"content-box\">\n    <div class=\"container\">\n        <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"220px\">\n            <p>自定义操作</p>\n            <el-form-item label=\"重新启动网络服务\">\n            </el-form-item>\n            <el-form-item label=\"重新启动systemd网络服务：\">\n                <el-col :span=\"1\">\n                    <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\" @click=\"handleagain\">启动</el-button>\n                </el-col>\n            </el-form-item>\n        </el-form>\n    </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f8bf63e2c441f0218e8f213d8d10ec5c.json b/node_modules/.cache/vue-loader/f8bf63e2c441f0218e8f213d8d10ec5c.json
new file mode 100644
index 00000000..f287b00f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f8bf63e2c441f0218e8f213d8d10ec5c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue?vue&type=template&id=431f3506&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test3\\index.vue","mtime":1673232721955},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    [\n      _c(\n        \"el-aside\",\n        [_c(\"SideMenu\", { attrs: { itemList: _vm.itemList } })],\n        1\n      ),\n      _c(\"el-main\", [_c(\"router-view\")], 1)\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f8dcd067ae5391977b376bfc9cdb910b.json b/node_modules/.cache/vue-loader/f8dcd067ae5391977b376bfc9cdb910b.json
new file mode 100644
index 00000000..8822ae5a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f8dcd067ae5391977b376bfc9cdb910b.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\CustomOperations.vue","mtime":1673232721966},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  data() {\r\n      return {\r\n          sizeForm: {\r\n              name: '',\r\n              region: '',\r\n              date1: '',\r\n              date2: '',\r\n              delivery: false,\r\n              type: [],\r\n              resource: '',\r\n              desc: ''\r\n          },\r\n          fileList: []\r\n      };\r\n  },\r\n  methods: {\r\n      handleagain() {\r\n          this.$confirm('此操作将重新启动systemd网络服务, 是否继续?', '提示', {\r\n              confirmButtonText: '确定',\r\n              cancelButtonText: '取消',\r\n              type: 'warning'\r\n          })\r\n              .then(() => {\r\n                  // this.$message({\r\n                  //   type: 'success',\r\n                  //   message: '删除成功!'\r\n                  // });\r\n              })\r\n              .catch(() => {\r\n                  this.$message({\r\n                      type: 'info',\r\n                      message: '已取消'\r\n                  });\r\n              });\r\n      },\r\n    \r\n      \r\n  }\r\n};\r\n",{"version":3,"sources":["CustomOperations.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA","file":"CustomOperations.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n      <div class=\"container\">\r\n          <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"220px\">\r\n              <p>自定义操作</p>\r\n              <el-form-item label=\"重新启动网络服务\">\r\n              </el-form-item>\r\n              <el-form-item label=\"重新启动systemd网络服务：\">\r\n                  <el-col :span=\"1\">\r\n                      <el-button type=\"primary\" style=\"margin-left: 10px\" size=\"small\" @click=\"handleagain\">启动</el-button>\r\n                  </el-col>\r\n              </el-form-item>\r\n          </el-form>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n      return {\r\n          sizeForm: {\r\n              name: '',\r\n              region: '',\r\n              date1: '',\r\n              date2: '',\r\n              delivery: false,\r\n              type: [],\r\n              resource: '',\r\n              desc: ''\r\n          },\r\n          fileList: []\r\n      };\r\n  },\r\n  methods: {\r\n      handleagain() {\r\n          this.$confirm('此操作将重新启动systemd网络服务, 是否继续?', '提示', {\r\n              confirmButtonText: '确定',\r\n              cancelButtonText: '取消',\r\n              type: 'warning'\r\n          })\r\n              .then(() => {\r\n                  // this.$message({\r\n                  //   type: 'success',\r\n                  //   message: '删除成功!'\r\n                  // });\r\n              })\r\n              .catch(() => {\r\n                  this.$message({\r\n                      type: 'info',\r\n                      message: '已取消'\r\n                  });\r\n              });\r\n      },\r\n    \r\n      \r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n  text-align: left;\r\n  font-size: 15px;\r\n}\r\n.container {\r\n  width: 100%;\r\n  height: 100%;\r\n  p {\r\n      width: 95%;\r\n      font-size: 25px;\r\n      text-align: left;\r\n      border-bottom: 1px solid black;\r\n      margin-bottom: 20px;\r\n  }\r\n}\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f9278b806494253922aa3d272f85d394.json b/node_modules/.cache/vue-loader/f9278b806494253922aa3d272f85d394.json
new file mode 100644
index 00000000..7bf61018
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f9278b806494253922aa3d272f85d394.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue?vue&type=template&id=0afa5d2e&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <div class=\"container\">\r\n    <p>主体页面 1 - 3 </p>\r\n    <div class=\"test-div\">\r\n      <el-radio-group v-model=\"radio\">\r\n        <el-radio :label=\"1\">选项一</el-radio>\r\n        <el-radio :label=\"2\">选项二</el-radio>\r\n        <el-radio :label=\"3\">选项三</el-radio>\r\n      </el-radio-group>\r\n    </div>\r\n  </div>\r\n</div>\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f9509402f293a0280a71350fab576984.json b/node_modules/.cache/vue-loader/f9509402f293a0280a71350fab576984.json
new file mode 100644
index 00000000..c5b2a000
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f9509402f293a0280a71350fab576984.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\interface.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\interface.vue","mtime":1673232721968},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render, staticRenderFns\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\ncomponent.options.__file = \"src/views/interface.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f965f95a8f3326a7826161b591381955.json b/node_modules/.cache/vue-loader/f965f95a8f3326a7826161b591381955.json
new file mode 100644
index 00000000..a7c06621
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f965f95a8f3326a7826161b591381955.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue?vue&type=template&id=0b0874af&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-4.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"p\", [_vm._v(\"主体页面 1 - 4 \")]),\n      _c(\n        \"div\",\n        { staticClass: \"test-div\" },\n        [\n          _c(\"span\", [_vm._v(\"自定义初始值 \" + _vm._s(_vm.value))]),\n          _c(\"el-slider\", {\n            staticStyle: { width: \"50%\" },\n            model: {\n              value: _vm.value,\n              callback: function($$v) {\n                _vm.value = $$v\n              },\n              expression: \"value\"\n            }\n          })\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f97cc69109c9896ba4f27aec9308e5de.json b/node_modules/.cache/vue-loader/f97cc69109c9896ba4f27aec9308e5de.json
new file mode 100644
index 00000000..46cf008f
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f97cc69109c9896ba4f27aec9308e5de.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue?vue&type=template&id=6896dfe2&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\Login.vue","mtime":1673232721949},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"login-wrap\" }, [\n    _c(\"div\", { staticClass: \"ms-login\" }, [\n      _c(\"div\", { staticClass: \"ms-title\" }),\n      _c(\n        \"div\",\n        { staticClass: \"content\" },\n        [\n          _c(\"div\", { staticClass: \"welcome\" }, [_vm._v(\"欢迎登录\")]),\n          _c(\n            \"el-form\",\n            {\n              ref: \"login\",\n              staticClass: \"ms-content\",\n              attrs: {\n                model: _vm.param,\n                rules: _vm.rules,\n                \"label-width\": \"100px\",\n                \"label-position\": \"top\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { prop: \"username\", label: \"用户名\" } },\n                [\n                  _c(\n                    \"el-input\",\n                    {\n                      attrs: { placeholder: \"输入您的账号\" },\n                      model: {\n                        value: _vm.param.username,\n                        callback: function($$v) {\n                          _vm.$set(_vm.param, \"username\", $$v)\n                        },\n                        expression: \"param.username\"\n                      }\n                    },\n                    [\n                      _c(\"el-button\", {\n                        attrs: { slot: \"prepend\", icon: \"el-icon-user\" },\n                        slot: \"prepend\"\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-top\": \"15px\" },\n                  attrs: { prop: \"password\", label: \"密码\" }\n                },\n                [\n                  _c(\n                    \"el-input\",\n                    {\n                      attrs: { type: \"password\", placeholder: \"请输入密码\" },\n                      nativeOn: {\n                        keyup: function($event) {\n                          if (\n                            !$event.type.indexOf(\"key\") &&\n                            _vm._k(\n                              $event.keyCode,\n                              \"enter\",\n                              13,\n                              $event.key,\n                              \"Enter\"\n                            )\n                          ) {\n                            return null\n                          }\n                          return _vm.submitForm()\n                        }\n                      },\n                      model: {\n                        value: _vm.param.password,\n                        callback: function($$v) {\n                          _vm.$set(_vm.param, \"password\", $$v)\n                        },\n                        expression: \"param.password\"\n                      }\n                    },\n                    [\n                      _c(\"el-button\", {\n                        attrs: { slot: \"prepend\", icon: \"el-icon-lock\" },\n                        slot: \"prepend\"\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"unforget\",\n                  staticStyle: { \"margin-left\": \"15px\" }\n                },\n                [\n                  _c(\n                    \"el-checkbox\",\n                    {\n                      model: {\n                        value: _vm.checked,\n                        callback: function($$v) {\n                          _vm.checked = $$v\n                        },\n                        expression: \"checked\"\n                      }\n                    },\n                    [_vm._v(\"保存登录\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"div\",\n            { staticClass: \"login-btn\" },\n            [\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.submitForm()\n                    }\n                  }\n                },\n                [_vm._v(\"登录\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f98d97d78c87db394e107f4133790ac8.json b/node_modules/.cache/vue-loader/f98d97d78c87db394e107f4133790ac8.json
new file mode 100644
index 00000000..14a1a27a
--- /dev/null
+++ b/node_modules/.cache/vue-loader/f98d97d78c87db394e107f4133790ac8.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\components\\chart\\lineChart.vue","mtime":1673493935674},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"lineChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"lineChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fa0627f1ccb11547f91254d9448d1abe.json b/node_modules/.cache/vue-loader/fa0627f1ccb11547f91254d9448d1abe.json
new file mode 100644
index 00000000..90c0c82c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fa0627f1ccb11547f91254d9448d1abe.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673345291555},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\">\n                      <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\">\n                        <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.name\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\">\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\">\n                    <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"UTM区：\" v-if=\"coordinateForm.coordinateClose == true\" class=\"otherThings\">\n                            <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"10\"></el-input-number>\n                            <div class=\"warning\">\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                                >地理参照允许测量物理速度和静态图像源的距离。\n                            </div>\n                    </el-form-item>\n                    <el-form-item label=\"半球：\" v-if=\"coordinateForm.coordinateClose == true\">\n                      <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\n                          <el-option\n                            v-for=\"item in options\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                          </el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <iframe\n                            id=\"mapModuleTop\"\n                            @load=\"load\"\n                            src=\"./VideoWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                        <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n      ref=\"iframe\"></iframe> -->\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" v-if=\"coordinateForm.coordinateClose == true\">\n                        <el-table-column prop=\"name\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.$index === 0\" v-model=\"scope.row.name\" maxlength=\"30\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.name\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.longitude\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-if=\"scope.row.isEdit\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"Required\" />\n                                <span v-else v-text=\"scope.row.latitude\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"coordinateForm.coordinateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\"></el-switch>\n                    </el-form-item>\n                    <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度、加速度的阈值，例如位移＜δ，速度＜v，加速度＜a，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\" v-if=\"false\"> \n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\">\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n                            <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n                            <el-radio label=\"自定义\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fa1bec51154fe30b0719da2d314a642e.json b/node_modules/.cache/vue-loader/fa1bec51154fe30b0719da2d314a642e.json
new file mode 100644
index 00000000..c662902d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fa1bec51154fe30b0719da2d314a642e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\myId.vue","mtime":1673232721969},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n",{"version":3,"sources":["myId.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA;AACA;AACA","file":"myId.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n    <div class=\"container\">\r\n      <p class=\"title\">我的账号</p>\r\n    <!-- <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div> -->\r\n      <el-form label-position=\"left\" label-width=\"60px\" :model=\"formLabelAlign\">\r\n        <el-form-item label=\"名称：\">\r\n          {{ formLabelAlign.name }}\r\n        </el-form-item>\r\n        <el-form-item label=\"账号：\">\r\n          {{ formLabelAlign.account }}\r\n        </el-form-item>\r\n        <el-form-item label=\"密码：\">\r\n          {{ formLabelAlign.password }}\r\n        </el-form-item>\r\n      </el-form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      formLabelAlign: {\r\n        name: 'admin',\r\n        account: 'admin',\r\n        password: '123456',\r\n      },\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.test-div i {\r\n  font-size: 25px;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fa2091ab1133f2ab3e224184f0fc500c.json b/node_modules/.cache/vue-loader/fa2091ab1133f2ab3e224184f0fc500c.json
new file mode 100644
index 00000000..2894d3e5
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fa2091ab1133f2ab3e224184f0fc500c.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\OD.vue","mtime":1673593117644},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    data() {\r\n        return {\r\n            title: 'OD组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["OD.vue"],"names":[],"mappings":";;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"OD.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"border\">\r\n            <detailDialog />\r\n            <thermalChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nexport default {\r\n    name: 'lineUpChart', //排队数组件\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable\r\n    },\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    data() {\r\n        return {\r\n            title: 'OD组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fb6e0012151e0d055c74aa2bf308a94e.json b/node_modules/.cache/vue-loader/fb6e0012151e0d055c74aa2bf308a94e.json
index 3a04caab..d559073f 100644
--- a/node_modules/.cache/vue-loader/fb6e0012151e0d055c74aa2bf308a94e.json
+++ b/node_modules/.cache/vue-loader/fb6e0012151e0d055c74aa2bf308a94e.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673315139852},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\"\nimport script from \"./typeChart.vue?vue&type=script&lang=js&\"\nexport * from \"./typeChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1436fa54\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1436fa54')) {\n      api.createRecord('1436fa54', component.options)\n    } else {\n      api.reload('1436fa54', component.options)\n    }\n    module.hot.accept(\"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\", function () {\n      api.rerender('1436fa54', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/typeChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\typeChart.vue","mtime":1673518315417},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\"\nimport script from \"./typeChart.vue?vue&type=script&lang=js&\"\nexport * from \"./typeChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./typeChart.vue?vue&type=style&index=0&id=1436fa54&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1436fa54\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1436fa54')) {\n      api.createRecord('1436fa54', component.options)\n    } else {\n      api.reload('1436fa54', component.options)\n    }\n    module.hot.accept(\"./typeChart.vue?vue&type=template&id=1436fa54&scoped=true&\", function () {\n      api.rerender('1436fa54', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/target/typeChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fc93dd3d0deeef437d5d43cf25c1fddc.json b/node_modules/.cache/vue-loader/fc93dd3d0deeef437d5d43cf25c1fddc.json
new file mode 100644
index 00000000..acd2e1d3
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fc93dd3d0deeef437d5d43cf25c1fddc.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IPSetting.vue","mtime":1673232721959},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./IPSetting.vue?vue&type=template&id=386da402&scoped=true&\"\nimport script from \"./IPSetting.vue?vue&type=script&lang=js&\"\nexport * from \"./IPSetting.vue?vue&type=script&lang=js&\"\nimport style0 from \"./IPSetting.vue?vue&type=style&index=0&id=386da402&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"386da402\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFLow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('386da402')) {\n      api.createRecord('386da402', component.options)\n    } else {\n      api.reload('386da402', component.options)\n    }\n    module.hot.accept(\"./IPSetting.vue?vue&type=template&id=386da402&scoped=true&\", function () {\n      api.rerender('386da402', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/IPSetting.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fcdd100fd8c3813a5bc7a03470be40b7.json b/node_modules/.cache/vue-loader/fcdd100fd8c3813a5bc7a03470be40b7.json
new file mode 100644
index 00000000..2c6a3271
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fcdd100fd8c3813a5bc7a03470be40b7.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\target\\headWayChart.vue","mtime":1673593138887},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    created() {\r\n        // console.log(this.data, 'headway');\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["headWayChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"headWayChart.vue","sourceRoot":"src/components/target","sourcesContent":["<template>\r\n    <div class=\"setion\">\r\n        <p class=\"chartTitle\"><span class=\"titleIcon\"></span> {{ title }}</p>\r\n        <div class=\"typeContent\">\r\n            <el-card style=\"width: 150px; margin-bottom: 20px; text-align: center\">\r\n                <div style=\"font-size: 30px; font-weight: bold\">99</div>\r\n                <div style=\"padding: 14px\">\r\n                    <span>数值</span>\r\n                    <div class=\"bottom clearfix\">\r\n                        <time class=\"time\">17:49</time>\r\n                        <el-button type=\"text\" class=\"button\">操作按钮</el-button>\r\n                    </div>\r\n                </div>\r\n            </el-card>\r\n            <div v-if=\"pageType == '断面'\" style=\"margin-bottom: 20px; border: 1px solid #e4e7ed\">\r\n                <tableShow :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div v-if=\"pageType == '区域'\">\r\n                <regionTable :msg=\"data\" :type=\"triggerType\" />\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <lineChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\"></lineChart>\r\n            </div>\r\n            <div class=\"border\">\r\n                <detailDialog />\r\n                <avgChart :pageType=\"pageType\" :list=\"data\" :status=\"triggerType\" :title=\"title\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n<script>\r\nimport lineChart from '../chart/lineChart.vue';\r\nimport barChart from '../chart/barChart.vue';\r\nimport tableShow from '../chart/tableShow.vue';\r\nimport detailDialog from '../chart/detailDialog.vue';\r\nimport thermalChart from '../chart/thermalChart.vue';\r\nimport regionTable from '../chart/regionTable.vue';\r\nimport avgChart from '../chart/avgChart.vue';\r\nexport default {\r\n    name: 'headWayChart', //车头时距组件\r\n    props: ['pageType', 'triggerType', 'data'],\r\n    components: {\r\n        lineChart,\r\n        barChart,\r\n        tableShow,\r\n        detailDialog,\r\n        thermalChart,\r\n        regionTable,\r\n        avgChart\r\n    },\r\n    created() {\r\n        // console.log(this.data, 'headway');\r\n    },\r\n    data() {\r\n        return {\r\n            title: '车头时距组件'\r\n        };\r\n    },\r\n    methods: {},\r\n    mounted() {}\r\n};\r\n</script>\r\n<style scoped>\r\n.typeContent {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.border {\r\n    width: 100%;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fd8a7acd0dabb949076d04d6dd61ebd1.json b/node_modules/.cache/vue-loader/fd8a7acd0dabb949076d04d6dd61ebd1.json
new file mode 100644
index 00000000..f2d880a2
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fd8a7acd0dabb949076d04d6dd61ebd1.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue?vue&type=template&id=939d0aa4&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\SystemSettings\\ExportingSettings.vue","mtime":1673232721961},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"导出设置\")]),\n        _c(\n          \"el-form\",\n          { attrs: { \"label-position\": \"left\", \"label-width\": \"180px\" } },\n          [\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"文件格式：\" } },\n              [\n                _c(\n                  \"el-select\",\n                  {\n                    attrs: { placeholder: \"请选择导出文件格式\" },\n                    model: {\n                      value: _vm.value,\n                      callback: function($$v) {\n                        _vm.value = $$v\n                      },\n                      expression: \"value\"\n                    }\n                  },\n                  _vm._l(_vm.options, function(item) {\n                    return _c(\"el-option\", {\n                      key: item.value,\n                      attrs: { label: item.label, value: item.value }\n                    })\n                  }),\n                  1\n                )\n              ],\n              1\n            ),\n            _c(\n              \"el-form-item\",\n              { attrs: { label: \"文件保存位置：\" } },\n              [\n                _c(\"input\", {\n                  attrs: {\n                    type: \"file\",\n                    id: \"file\",\n                    hidden: \"\",\n                    webkitdirectory: \"\"\n                  },\n                  on: { change: _vm.fileChange }\n                }),\n                _c(\n                  \"el-input\",\n                  {\n                    staticClass: \"input-with-select\",\n                    attrs: { placeholder: \"请输入内容\" },\n                    model: {\n                      value: _vm.imgSavePath,\n                      callback: function($$v) {\n                        _vm.imgSavePath = $$v\n                      },\n                      expression: \"imgSavePath\"\n                    }\n                  },\n                  [\n                    _c(\"el-button\", {\n                      attrs: {\n                        slot: \"append\",\n                        icon: \"el-icon-folder\",\n                        type: \"success\"\n                      },\n                      on: { click: _vm.btnChange },\n                      slot: \"append\"\n                    })\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        ),\n        _c(\n          \"el-button\",\n          { staticClass: \"el-icon-download\", attrs: { type: \"primary\" } },\n          [_vm._v(\"导出\")]\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fe0dc93018c7c0443d42de078d9dd15d.json b/node_modules/.cache/vue-loader/fe0dc93018c7c0443d42de078d9dd15d.json
new file mode 100644
index 00000000..9d08255d
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fe0dc93018c7c0443d42de078d9dd15d.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\general\\network.vue","mtime":1673232721967},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n    data() {\r\n        return {\r\n          optionsa:[\r\n              {\r\n                    value: '1',\r\n                    label: '全局'\r\n                } \r\n              ],\r\n            tableRouter: [\r\n                {\r\n                    name: 'Router0',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router1',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router2',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router3',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            sizeForm: {\r\n                name: '1',\r\n                region: '00:11:14:1a:62:fe',\r\n                MTU: '1500',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: true,\r\n                ip: '192.168.1.5/24',\r\n                gateway: 'n/a',\r\n                ip1: '192.168.50.10/24',\r\n                ip2: 'e.g.192.168.50.10/24',\r\n                ip3: 'e.g.192.168.50.10/24',\r\n                ip4: 'e.g.192.168.50.10/24',\r\n                dns1: 'e.g.1.1.1.1',\r\n                dns2: 'e.g.1.0.0.1',\r\n                dns3: 'e.g.1.0.0.1'\r\n            },\r\n            options: [\r\n                {\r\n                    value: '1',\r\n                    label: 'eth0'\r\n                }\r\n            ],\r\n            tableData: [\r\n                {\r\n                    agreement: 'NO',\r\n                    Range: '1',\r\n                    address: '192.168.50.10/24',\r\n                    term: '永久',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    agreement: 'YES',\r\n                    Range: '1',\r\n                    address: '192.168.1.5/24',\r\n                    term: '17小时',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            \r\n        };\r\n    },\r\n    watch: {\r\n     \r\n    },\r\n    methods:{\r\n      changeVal(val,e){\r\n        this.tableData[e].disabled = false\r\n      },\r\n      changeValT(val,e){\r\n        this.tableRouter[e].disabled = false\r\n      },\r\n      handleClick(scope,e){\r\n        console.log(scope,'scope');\r\n      }\r\n    }\r\n};\r\n",{"version":3,"sources":["network.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"network.vue","sourceRoot":"src/views/general","sourcesContent":["<template>\r\n    <div class=\"content-box\">\r\n        <div class=\"container\">\r\n            <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"140px\">\r\n                <p class=\"title\">界面</p>\r\n                <el-form-item label=\"界面：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-select v-model=\"sizeForm.name\" placeholder=\"请选择\">\r\n                            <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MAC地址：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"MTU：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.region\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">运行状态</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">YES</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"连接：\">\r\n                    <el-col :span=\"0.9\" style=\"diaplay: flex\">\r\n                        <div class=\"status\" style=\"width: 10px; height: 10px; border-radius: 50%; background: green\"></div>\r\n                    </el-col>\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <span style=\"margin-left: 10px\">接通</span>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <p class=\"title\">IPV4</p>\r\n                <el-table :data=\"tableData\" border style=\"width: 95%\">\r\n                    <el-table-column prop=\"address\" label=\"地址\">\r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.address\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"agreement\" label=\"协议\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.agreement\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"Range\" label=\"范围\">\r\n                      <template slot-scope=\"scope\">\r\n                      <el-select v-model=\"scope.row.Range\" placeholder=\"请选择\" @change=\"changeVal(scope.row,scope.$index)\">\r\n                            <el-option v-for=\"item in optionsa\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\r\n                        </el-select>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column prop=\"term\" label=\"期限\"> \r\n                      <template slot-scope=\"scope\">\r\n                        <el-input v-model=\"scope.row.term\" @change=\"changeVal(scope.row,scope.$index)\"></el-input>\r\n                      </template>\r\n                    </el-table-column>\r\n                    <el-table-column\r\n                      fixed=\"right\"\r\n                      label=\"操作\"\r\n                      width=\"350\"\r\n                      >\r\n                  <template slot-scope=\"scope\" >\r\n                      <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                  </template>\r\n                  </el-table-column>\r\n                </el-table>\r\n                <p style=\"margin-top: 10px\" class=\"title\">DHCP</p>\r\n                <el-form-item label=\"启用：\">\r\n                    <el-col :span=\"2\" style=\"diaplay: flex\">\r\n                        <el-switch v-model=\"sizeForm.desc\" active-color=\"#13ce66\" inactive-color=\"#ff4949\"> </el-switch>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"网关：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.gateway\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <el-form-item label=\"分配IP：\">\r\n                    <el-col :span=\"6\">\r\n                        <el-input v-model=\"sizeForm.ip\"></el-input>\r\n                    </el-col>\r\n                </el-form-item>\r\n                <div style=\"width:100%\" v-if=\"sizeForm.desc == true\">\r\n                    <p class=\"title\">静态地址</p>\r\n                    <el-form-item label=\"IP1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"IP4：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.ip4\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <p class=\"title\">静态路由</p>\r\n                    <el-table :data=\"tableRouter\" border style=\"width: 95%\">\r\n                        <el-table-column prop=\"name\" label=\"名称\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.name\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"target\" label=\"目标\"> \r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.target\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"Range\" label=\"范围\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.Range\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column prop=\"metric\" label=\"metric\">\r\n                          <template slot-scope=\"scope\">\r\n                            <el-input v-model=\"scope.row.metric\" @change=\"changeValT(scope.row,scope.$index)\"></el-input>\r\n                          </template>\r\n                        </el-table-column>\r\n                        <el-table-column\r\n                            fixed=\"right\"\r\n                            label=\"操作\"\r\n                            width=\"350\"\r\n                            >\r\n                        <template slot-scope=\"scope\" >\r\n                            <el-button @click=\"handleClick(scope.row)\" type=\"primary\" :disabled=\"scope.row.disabled\" size=\"small\">确认</el-button>\r\n                        </template>\r\n                        </el-table-column>\r\n                    </el-table>\r\n                    <p style=\"margin-top: 10px\" class=\"title\">DNS服务</p>\r\n                    <el-form-item label=\"DNS1：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns1\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS2：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns2\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                    <el-form-item label=\"DNS3：\">\r\n                        <el-col :span=\"6\">\r\n                            <el-input v-model=\"sizeForm.dns3\"></el-input>\r\n                        </el-col>\r\n                    </el-form-item>\r\n                </div>\r\n            </el-form>\r\n        </div>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n    data() {\r\n        return {\r\n          optionsa:[\r\n              {\r\n                    value: '1',\r\n                    label: '全局'\r\n                } \r\n              ],\r\n            tableRouter: [\r\n                {\r\n                    name: 'Router0',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router1',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router2',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    name: 'Router3',\r\n                    target: 'e.g.10.0.0.0/8',\r\n                    Range: 'e.g.192.168.0.1',\r\n                    metric: '',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            sizeForm: {\r\n                name: '1',\r\n                region: '00:11:14:1a:62:fe',\r\n                MTU: '1500',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: true,\r\n                ip: '192.168.1.5/24',\r\n                gateway: 'n/a',\r\n                ip1: '192.168.50.10/24',\r\n                ip2: 'e.g.192.168.50.10/24',\r\n                ip3: 'e.g.192.168.50.10/24',\r\n                ip4: 'e.g.192.168.50.10/24',\r\n                dns1: 'e.g.1.1.1.1',\r\n                dns2: 'e.g.1.0.0.1',\r\n                dns3: 'e.g.1.0.0.1'\r\n            },\r\n            options: [\r\n                {\r\n                    value: '1',\r\n                    label: 'eth0'\r\n                }\r\n            ],\r\n            tableData: [\r\n                {\r\n                    agreement: 'NO',\r\n                    Range: '1',\r\n                    address: '192.168.50.10/24',\r\n                    term: '永久',\r\n                    disabled:true\r\n                },\r\n                {\r\n                    agreement: 'YES',\r\n                    Range: '1',\r\n                    address: '192.168.1.5/24',\r\n                    term: '17小时',\r\n                    disabled:true\r\n                }\r\n            ],\r\n            \r\n        };\r\n    },\r\n    watch: {\r\n     \r\n    },\r\n    methods:{\r\n      changeVal(val,e){\r\n        this.tableData[e].disabled = false\r\n      },\r\n      changeValT(val,e){\r\n        this.tableRouter[e].disabled = false\r\n      },\r\n      handleClick(scope,e){\r\n        console.log(scope,'scope');\r\n      }\r\n    }\r\n};\r\n</script>\r\n  \r\n  <style>\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n</style>\r\n  <style lang=\"scss\" scoped>\r\n/deep/ .el-form-item__content {\r\n    display: flex;\r\n    flex-flow: row nowrap;\r\n    align-items: center;\r\n}\r\n/deep/ .el-form-item__label {\r\n    text-align: left;\r\n    font-size: 15px;\r\n}\r\n.el-form-item{\r\n    margin-bottom: 15px;\r\n}\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow-y: scroll;\r\n    &::-webkit-scrollbar {\r\n        width: 0;\r\n    }\r\n    .title {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n    .el-col-6{\r\n        padding-left: 0;\r\n        padding-top: 0;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/fe8a568931c232d82a2ea8bab31b3096.json b/node_modules/.cache/vue-loader/fe8a568931c232d82a2ea8bab31b3096.json
new file mode 100644
index 00000000..83910841
--- /dev/null
+++ b/node_modules/.cache/vue-loader/fe8a568931c232d82a2ea8bab31b3096.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue?vue&type=template&id=1538ddf8&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\views\\IdManagement.vue","mtime":1673232721960},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"container\" },\n      [\n        _c(\"p\", { staticClass: \"title\" }, [_vm._v(\"账号管理\")]),\n        _c(\n          \"el-button\",\n          {\n            staticStyle: { \"margin-bottom\": \"10px\" },\n            attrs: { type: \"primary\" },\n            on: {\n              click: function($event) {\n                _vm.addAccountDialog = true\n              }\n            }\n          },\n          [\n            _c(\"i\", {\n              staticClass: \"el-icon-circle-plus-outline\",\n              staticStyle: { \"margin-right\": \"3px\" }\n            }),\n            _vm._v(\"新增\")\n          ]\n        ),\n        _c(\n          \"el-table\",\n          {\n            staticStyle: { width: \"100%\" },\n            attrs: { data: _vm.tableData, height: _vm.tableHeight, border: \"\" }\n          },\n          [\n            _c(\"el-table-column\", {\n              attrs: {\n                align: \"center\",\n                prop: \"name\",\n                label: \"用户名称\",\n                width: \"180\"\n              }\n            }),\n            _c(\"el-table-column\", {\n              attrs: {\n                align: \"center\",\n                prop: \"account\",\n                label: \"用户账号\",\n                width: \"180\"\n              }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", prop: \"role\", label: \"角色\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", prop: \"jurisdiction\", label: \"权限\" }\n            }),\n            _c(\"el-table-column\", {\n              attrs: { align: \"center\", label: \"操作\", width: \"160\" },\n              scopedSlots: _vm._u([\n                {\n                  key: \"default\",\n                  fn: function(scope) {\n                    return [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"text\", size: \"small\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.edit(scope.row)\n                            }\n                          }\n                        },\n                        [_vm._v(\"编辑\")]\n                      ),\n                      _c(\"el-button\", {\n                        staticClass: \"el-icon-view\",\n                        attrs: { type: \"text\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.showView(scope.row)\n                          }\n                        }\n                      }),\n                      _c(\"el-button\", {\n                        staticClass: \"el-icon-delete\",\n                        attrs: { type: \"text\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.clickDelete(scope.row)\n                          }\n                        }\n                      })\n                    ]\n                  }\n                }\n              ])\n            })\n          ],\n          1\n        ),\n        _c(\"el-pagination\", {\n          staticStyle: { \"padding-top\": \"10px\" },\n          attrs: {\n            \"current-page\": _vm.currentPage,\n            \"page-sizes\": [100, 200, 300, 400],\n            \"page-size\": _vm.pageSize,\n            layout: \"sizes, prev, pager, next\",\n            total: _vm.totalNumber\n          },\n          on: {\n            \"size-change\": _vm.handleSizeChange,\n            \"current-change\": _vm.handleCurrentChange,\n            \"update:currentPage\": function($event) {\n              _vm.currentPage = $event\n            },\n            \"update:current-page\": function($event) {\n              _vm.currentPage = $event\n            }\n          }\n        }),\n        _c(\n          \"div\",\n          { staticClass: \"dialog\" },\n          [\n            _c(\n              \"el-dialog\",\n              {\n                attrs: {\n                  title: _vm.dialogTitle,\n                  visible: _vm.addAccountDialog,\n                  width: \"30%\"\n                },\n                on: {\n                  \"update:visible\": function($event) {\n                    _vm.addAccountDialog = $event\n                  }\n                }\n              },\n              [\n                _c(\n                  \"el-form\",\n                  {\n                    attrs: {\n                      \"label-position\": \"left\",\n                      \"label-width\": \"80px\",\n                      model: _vm.formLabelAlign\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"名称：\" } },\n                      [\n                        _c(\"el-input\", {\n                          model: {\n                            value: _vm.formLabelAlign.name,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formLabelAlign, \"name\", $$v)\n                            },\n                            expression: \"formLabelAlign.name\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"账号：\" } },\n                      [\n                        _c(\"el-input\", {\n                          model: {\n                            value: _vm.formLabelAlign.account,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formLabelAlign, \"account\", $$v)\n                            },\n                            expression: \"formLabelAlign.account\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"角色：\" } },\n                      [\n                        _c(\"el-input\", {\n                          model: {\n                            value: _vm.formLabelAlign.role,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formLabelAlign, \"role\", $$v)\n                            },\n                            expression: \"formLabelAlign.role\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"权限：\" } },\n                      [\n                        _c(\"el-input\", {\n                          model: {\n                            value: _vm.formLabelAlign.jurisdiction,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formLabelAlign, \"jurisdiction\", $$v)\n                            },\n                            expression: \"formLabelAlign.jurisdiction\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _c(\n                  \"span\",\n                  {\n                    staticClass: \"dialog-footer\",\n                    attrs: { slot: \"footer\" },\n                    slot: \"footer\"\n                  },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        attrs: { type: \"primary\" },\n                        on: {\n                          click: function($event) {\n                            _vm.addAccountDialog = false\n                          }\n                        }\n                      },\n                      [_vm._v(\"确 定\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ff68f6cdb56358c7ad42043dbd86fa60.json b/node_modules/.cache/vue-loader/ff68f6cdb56358c7ad42043dbd86fa60.json
new file mode 100644
index 00000000..479dea4c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ff68f6cdb56358c7ad42043dbd86fa60.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue?vue&type=template&id=2e639ef0&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test2\\test2-3.vue","mtime":1673232721954},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"p\", [_vm._v(\"主体页面 2 - 3 \")]),\n      _c(\n        \"div\",\n        { staticClass: \"test-div\", staticStyle: { width: \"400px\" } },\n        [\n          _c(\n            \"el-carousel\",\n            { staticClass: \"customize-carousel\", attrs: { height: \"150px\" } },\n            _vm._l(4, function(item) {\n              return _c(\"el-carousel-item\", { key: item }, [\n                _c(\"h3\", [_vm._v(_vm._s(item))])\n              ])\n            }),\n            1\n          )\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ff9ceed08ec7c080bedbe7ef05af15a3.json b/node_modules/.cache/vue-loader/ff9ceed08ec7c080bedbe7ef05af15a3.json
new file mode 100644
index 00000000..d5a94a25
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ff9ceed08ec7c080bedbe7ef05af15a3.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue?vue&type=template&id=84f76fcc&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\tableShow.vue","mtime":1673590673775},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"tableContent\">\n    <div class=\"down\">\n        <el-dropdown trigger=\"click\" @command=\"handleCommand\">\n            <span class=\"moreIcon\"></span>\n            <el-dropdown-menu slot=\"dropdown\">\n                <el-dropdown-item command=\"show\">查看详情</el-dropdown-item>\n            </el-dropdown-menu>\n        </el-dropdown>\n    </div>\n    <!-- 触发 -->\n\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '触发'\">\n        <el-table-column align=\"center\" prop=\"steam_id\" label=\"视频路\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"obj_id\" label=\"目标编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"plate\" label=\"车牌\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"speed\" label=\"速度\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"event\" label=\"监测触发事件\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"lane\" label=\"车道\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"headWay\" label=\"车头时距\"></el-table-column>\n    </el-table>\n\n    <!-- 周期统计 -->\n    <el-table :data=\"msg\" style=\"width: 100%\" v-if=\"type == '周期统计'\">\n        <el-table-column align=\"center\" prop=\"gate_id\" label=\"断面编号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"name\" label=\"断面名称\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"timestamp\" label=\"时间戳\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"interval\" label=\"时间序号\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"type\" label=\"目标类型\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"in_flow\" label=\"入流流量\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"out_flow\" label=\"出流流量\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"flow\" label=\"断面流量\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"in_spd\" label=\"入流平均速度\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"out_spd\" label=\"出流平均速度\"></el-table-column>\n        <el-table-column align=\"center\" prop=\"speed\" label=\"断面的平均速度\"></el-table-column>\n    </el-table>\n\n    <el-dialog title=\"编辑\" :visible.sync=\"dialogVisible\" width=\"40%\">\n        <el-form :model=\"msg\" label-width=\"80px\">\n            <el-form-item label=\"val1\">\n                <el-time-select\n                    placeholder=\"起始时间\"\n                    v-model=\"startTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30' }\"\n                >\n                </el-time-select>\n                <el-time-select\n                    placeholder=\"结束时间\"\n                    v-model=\"endTime\"\n                    :picker-options=\"{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }\"\n                >\n                </el-time-select>\n            </el-form-item>\n            <el-form-item label=\"val2\">\n                <el-select v-model=\"value\" placeholder=\"请选择\">\n                    <el-option v-for=\"item in options\" :key=\"item.value\" :label=\"item.label\" :value=\"item.value\"> </el-option>\n                </el-select>\n            </el-form-item>\n            <el-form-item label=\"val3\">\n                <el-input v-model=\"msg[0].val3\"></el-input>\n            </el-form-item>\n            <el-form-item label=\"val4\">\n                <el-checkbox-group v-model=\"checkList\">\n                    <el-checkbox label=\"数值\"></el-checkbox>\n                    <el-checkbox label=\"表格\"></el-checkbox>\n                    <el-checkbox label=\"时间曲线图\"></el-checkbox>\n                    <el-checkbox label=\"均值图\"></el-checkbox>\n                </el-checkbox-group>\n            </el-form-item>\n            <el-form-item>\n                <el-button type=\"primary\">确认</el-button>\n                <el-button @click=\"dialogVisible = false\">取消</el-button>\n            </el-form-item>\n        </el-form>\n    </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ffead24b79a33f8fa0825bac3abc7d95.json b/node_modules/.cache/vue-loader/ffead24b79a33f8fa0825bac3abc7d95.json
new file mode 100644
index 00000000..a6bd16de
--- /dev/null
+++ b/node_modules/.cache/vue-loader/ffead24b79a33f8fa0825bac3abc7d95.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue?vue&type=template&id=0afa5d2e&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\src\\page\\test1\\test1-3.vue","mtime":1673232721951},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFLow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\"div\", { staticClass: \"container\" }, [\n      _c(\"p\", [_vm._v(\"主体页面 1 - 3 \")]),\n      _c(\n        \"div\",\n        { staticClass: \"test-div\" },\n        [\n          _c(\n            \"el-radio-group\",\n            {\n              model: {\n                value: _vm.radio,\n                callback: function($$v) {\n                  _vm.radio = $$v\n                },\n                expression: \"radio\"\n              }\n            },\n            [\n              _c(\"el-radio\", { attrs: { label: 1 } }, [_vm._v(\"选项一\")]),\n              _c(\"el-radio\", { attrs: { label: 2 } }, [_vm._v(\"选项二\")]),\n              _c(\"el-radio\", { attrs: { label: 3 } }, [_vm._v(\"选项三\")])\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ])\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/src/components/chart/avgChart.vue b/src/components/chart/avgChart.vue
index 960b8771..9e9d7fd7 100644
--- a/src/components/chart/avgChart.vue
+++ b/src/components/chart/avgChart.vue
@@ -16,242 +16,156 @@ export default {
     },
     methods: {
         drawBar() {
-            // console.log(this.$refs.barChart,'11111');
             let myChart = this.$echarts.init(this.$refs.barChart);
-            const symbols = [
-                'path://M66.1,35.7L100,49.8v128.7l-33.9-12.7L66.1,35.7z', //左边
-                'path://M133.9,35.7L100,49.8v128.7l33.9-12.7V35.7z', //右边
-                'path://M66.1,35.7L100,21.5l33.9,14.1L100,49.8L66.1,35.7z' //菱形
-            ];
-            //源数据
-            const data = [
-                {
-                    label: '最大值',
-                    value: 500
-                },
-                {
-                    label: '平均值',
-                    value: 400
-                },
-                {
-                    label: '最小值',
-                    value: 200
-                },
-                {
-                    label: '中间值',
-                    value: 200
-                }
-            ];
-            //数据最大值（需要结合源数据取最大值过程不在此编写，可使用lodash）
-            const maxData = 1000;
-            //横坐标数值
-            const xAxisData = data.map((e) => {
-                return e.label;
-            });
-            //图形颜色
-            const colorList = ['#5f55ed59', '#f8954359', '#47d69d59', '#F9F1EA'];
-            //图形边框颜色
-            const borderColorList = ['#5f55ed', '#f89543', '#47d69d', '#C1AE9E'];
-            //图形顶部颜色
-            const colorTopList = ['#5571f659', '#f1d57759', '#3fdfc159', '#F3DFCD'];
-            //图形顶部框颜色
-            const colorBorderTopList = ['#5f55ed', '#fd7d3d', '#25cd75', '#C1AE9E'];
-            //图形底部颜色
-            const colorBottomList = ['#437ffa', '#fee266', '#35c9c7', '#F3DFCD'];
-            //图形实体顶部颜色
-            const topColorList = ['#5571f6', '#f1d577', '#3fdfc1', '#F3DFCD'];
-            //图形柱体颜色
-            const barColorList = ['#7148ea', '#fd7d3d', '#25cd75', '#BFA188'];
-            //左右框数值
-            const leftAndRightData = [];
-            //顶部框数值
-            const topBorderData = [];
-            //底部框数值
-            const bottomBorderData = [];
-            //顶部实体数值
-            const topData = [];
-            //图形柱体数值
-            const barData = [];
-            for (var i = 0; i < data.length; i++) {
-                leftAndRightData.push({
-                    name: data[i].label,
-                    value: maxData,
-
-                    itemStyle: {
-                        color: colorList[i],
-                        borderColor: borderColorList[i]
-                    }
-                });
-                topBorderData.push({
-                    name: data[i].label,
-                    value: maxData,
-                    symbolPosition: 'end',
-                    itemStyle: {
-                        color: colorTopList[i],
-                        borderColor: colorBorderTopList[i]
-                    }
-                });
-                bottomBorderData.push({
-                    name: data[i].label,
-                    value: maxData,
-                    itemStyle: {
-                        color: colorBottomList[i]
-                    }
-                });
-                topData.push({
-                    name: data[i].label,
-                    value: data[i].value,
-                    symbolPosition: 'end',
-                    itemStyle: {
-                        color: topColorList[i]
-                    }
-                });
-                barData.push({
-                    name: data[i].label,
-                    value: data[i].value,
-                    label: {
-                        show: true,
-                        position: 'bottom',
-                        distance: 60,
-                        color: barColorList[i],
-                        fontSize: 40
-                    },
-                    itemStyle: {
-                        color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                            {
-                                offset: 0,
-                                color: barColorList[i]
-                            },
-                            {
-                                offset: 1,
-                                color: colorBottomList[i]
-                            }
-                        ])
-                    }
-                });
-            }
-            //顶部框数值
-
+            let chartData = [{ stage: '值', number: 40 }];
             let option = {
+                color: ['#0EECE4'],
+                tooltip: {
+                    // trigger: 'axis',
+                    confine: true
+                    // axisPointer: { // 坐标轴指示器，坐标轴触发有效
+                    //   type: 'line', // 默认为直线，可选为：'line' | 'shadow'
+                    //   lineStyle: {
+                    //     color: 'transparent',
+                    //   },
+                    // },
+                },
+                grid: {
+                    left: '0%',
+                    right: '0%',
+                    bottom: '10%',
+                    top: '15%',
+                    z: 22
+                },
                 xAxis: [
                     {
-                        data: xAxisData,
-                        axisTick: {
-                            show: false
-                        },
+                        type: 'category',
+                        gridIndex: 0,
+                        data: chartData.map((item) => item.stage),
                         axisLine: {
                             show: false
                         },
                         axisLabel: {
-                            show: true,
-                            margin: 30,
-                            fontSize: 20,
-                            color: '#707FB3'
+                            show: false
                         }
                     }
                 ],
                 yAxis: {
+                    type: 'value',
+                    splitArea: { show: false },
+                    gridIndex: 0,
+                    min: 0,
+                    splitNumber: 12,
                     splitLine: {
                         show: false
                     },
-                    axisTick: {
-                        show: false
-                    },
                     axisLine: {
                         show: false
                     },
+                    axisTick: {
+                        show: false
+                    },
                     axisLabel: {
                         show: false
-                    }
-                },
-                grid: {
-                    show: false,
-                    height: 200,
-                    bottom: '19%'
+                    },
+                    max: 200
                 },
                 series: [
                     {
-                        name: '左边',
-                        type: 'pictorialBar',
-                        symbolSize: ['50%', '100%'],
-                        symbolOffset: [-70, 20],
-                        barWidth: 100,
-                        silent: true,
-                        z: 12,
-                        symbol: symbols[0],
-                        data: leftAndRightData
-                    },
-                    {
-                        name: '右边',
-                        type: 'pictorialBar',
-                        symbolSize: ['50%', '100%'],
-                        symbolOffset: [-20, 20],
-                        barWidth: 100,
-                        silent: true,
-                        z: 12,
-                        symbol: symbols[1],
-                        data: leftAndRightData
-                    },
-                    // //菱形顶部框
-                    {
-                        name: '',
-                        type: 'pictorialBar',
-                        symbolSize: [100, 40],
-                        symbolOffset: [0, 0],
-                        silent: true,
-                        symbol: symbols[2],
-                        data: topBorderData
-                    },
-
-                    // // //菱形底部实体
-                    {
-                        name: '',
-                        type: 'pictorialBar',
-                        symbolSize: [101, 38],
-                        symbolOffset: [0, 20],
-                        silent: true,
-                        z: 12,
-                        symbol: symbols[2],
-                        data: bottomBorderData
-                    },
-                    // // //菱形顶部实体
-                    {
-                        name: '',
-                        type: 'pictorialBar',
-                        symbolSize: [99, 45],
-                        symbolOffset: [0, -23],
-                        z: 16,
-                        silent: true,
-                        symbol: symbols[2],
-                        data: topData,
-                        animationDuration: 1000,
-                        animationDelay: function (idx) {
-                            // 越往后的数据延迟越大
-                            return idx * 500;
-                        }
-                    },
-
-                    // // //柱形实体
-                    {
+                        name: '平均值',
                         type: 'bar',
-                        silent: true,
-                        barWidth: 100,
+                        stack: 'val',
+                        barWidth: 150,
+                        xAxisIndex: 0,
+                        yAxisIndex: 0,
+                        label: {
+                            show: true,
+                            position: 'right',
+                            // align: 'right',
+                            distance: 15,
+                            color: '#000',
+                            fontSize: 17,
+                            formatter: '{c}' + '[avg]'
+                        },
+                        itemStyle: {
+                            color: '#DF8414'
+                        },
+                        data: [40],
+                        zlevel: 11
+                    },
+                    {
+                        name: '中间值',
+                        type: 'bar',
+                        barWidth: 150,
+                        // xAxisIndex: 0,
+                        // yAxisIndex: 0,
+                        stack: 'val',
+                        label: {
+                            show: true,
+                            position: 'left',
+                            distance: 15,
+                            color: '#000',
+                            // align: 'left',
+                            fontSize: 17,
+                            formatter: '{c}' + '[med]',
+                            rich: {}
+                        },
+                        itemStyle: {
+                            color: '#0E76AF'
+                        },
+                        data: [60],
+                        zlevel: 11
+                    },
+                    {
+                        name: '最小值',
+                        type: 'bar',
+                        barWidth: 150,
                         barGap: '-100%',
-                        z: 13,
-                        data: barData,
-                        animationDuration: 1000,
-                        animationDelay: function (idx) {
-                            // 越往后的数据延迟越大
-                            return idx * 500;
-                        }
+                        data: [0],
+                        label: {
+                            show: true,
+                            position: 'bottom',
+                            distance: 10,
+                            color: '#000',
+                            fontSize: 17,
+                            formatter: '{c}' + '[min]'
+                        },
+                        tooltip: {
+                            backgroundColor: 'transparent',
+                            formatter: ' '
+                        },
+                        itemStyle: {
+                            color: '#ABA7A7'
+                        },
+                        zlevel: 9
+                    },
+                    {
+                        name: '最大值',
+                        type: 'bar',
+                        barWidth: 150,
+                        barGap: '-100%',
+                        data: [200],
+                        label: {
+                            show: true,
+                            position: 'top',
+                            distance: 15,
+                            color: '#000',
+                            fontSize: 17,
+                            formatter: '{c}' + '[max]'
+                        },
+                        tooltip: {
+                            backgroundColor: 'transparent',
+                            formatter: ' '
+                        },
+                        itemStyle: {
+                            color: '#ABA7A7'
+                        },
+                        zlevel: 9
                     }
                 ]
             };
 
             myChart.setOption(option);
-            // window.onresize = () => {  // 根据窗口大小变化图表自适应
-            //     myChart.resize();
-            // };
             window.addEventListener('resize', function () {
                 myChart.resize();
             });
diff --git a/src/components/chart/lineChart.vue b/src/components/chart/lineChart.vue
index 5f410e01..fe1bd3bd 100644
--- a/src/components/chart/lineChart.vue
+++ b/src/components/chart/lineChart.vue
@@ -1,7 +1,5 @@
 <template>
-
-    <div id="lineChart" ref="lineChart" style="width:100%;height:300px;"></div>
-
+    <div id="lineChart" ref="lineChart" style="width: 100%; height: 300px"></div>
 </template>
   
 <script>
@@ -11,9 +9,18 @@ export default {
         list: {
             type: Array,
             default() {
-                return []
+                return [];
             }
         },
+        pageType: {
+            type: String
+        },
+        title: {
+            type: String
+        },
+        status: {
+            type: String
+        }
         // list1: {
         //     type: Array,
         //     default() {
@@ -23,17 +30,107 @@ export default {
     },
     data() {
         return {
-
-
-            // xData: [],
-            // yData: [],
+            xData: [],
+            yData: []
             // triggerType:'触发时刻'
+        };
+    },
+    created() {
+        this.xData = this.yData = this.list.map((val) => {
+            return val.timestamp;
+        });
+        this.yData = this.yData = this.list.map((val) => {
+            return val.speed;
+        });
+        // 断面组件触发的y轴展示
+        if (this.pageType == '断面' && this.status == '触发') {
+            if (this.title == '速度组件') {
+                this.yData = this.list.map((val) => {
+                    return val.speed;
+                });
+            } else if (this.title == '流量组件') {
+                return val.speed;
+            } else if (this.title == '车头时距组件') {
+                this.yData = this.list.map((val) => {
+                    return val.headWay;
+                });
+            } else if (this.title == '类型组件') {
+                return val.speed;
+            }
         }
+        // 断面组件周期统计的y轴展示
+        if (this.pageType == '断面' && this.status == '周期统计') {
+            if (this.title == '速度组件') {
+                this.yData = this.list.map((val) => {
+                    return val.speed;
+                });
+            } else if (this.title == '流量组件') {
+                this.yData = this.list.map((val) => {
+                    return val.flow;
+                });
+            } else if (this.title == '车头时距组件') {
+                this.yData = this.list.map((val) => {
+                    return val.headWay;
+                });
+            } else if (this.title == '类型组件') {
+                return val.speed;
+            }
+        }
+
+        // 区域组件触发y轴展示
+        if (this.pageType == '区域') {
+            if (this.title == '类型组件') {
+            } else if (this.title == '速度组件') {
+                this.yData = this.list.map((val) => {
+                    return val.speed;
+                });
+            } else if (this.title == '流量组件') {
+                this.yData = this.list.map((val) => {
+                    return val.ave_speed;
+                });
+            } else if (this.title == '车头时距组件') {
+                this.yData = this.list.map((val) => {
+                    return val.ave_speed;
+                });
+            } else if (this.title == '排队数组件') {
+            } else if (this.title == '监测数组件') {
+            } else if (this.title == '延误组件') {
+                this.yData = this.list.map((val) => {
+                    return val.ave_delay;
+                });
+            } else if (this.title == '拥堵组件') {
+                this.yData = this.list.map((val) => {
+                    return val.ave_speed;
+                });
+            }
+        }
+        // if (this.pageType == '区域' && this.status == '周期时刻') {
+        //     if (this.title == '类型组件') {
+        //     } else if (this.title == '速度组件') {
+        //     } else if (this.title == '流量组件') {
+        //     } else if (this.title == '车头时距组件') {
+        //     } else if (this.title == '排队数组件') {
+        //     } else if (this.title == '监测数组件') {
+        //     } else if (this.title == '延误组件') {
+        //     } else if (this.title == '拥堵组件') {
+        //     }
+        // }
+        // if (this.pageType == '区域' && this.status == '周期统计') {
+        //     if (this.title == '类型组件') {
+        //     } else if (this.title == '速度组件') {
+        //     } else if (this.title == '流量组件') {
+        //     } else if (this.title == '车头时距组件') {
+        //     } else if (this.title == '排队数组件') {
+        //     } else if (this.title == '监测数组件') {
+        //     } else if (this.title == '延误组件') {
+        //     } else if (this.title == '拥堵组件') {
+        //     } else if (this.title == '拥堵组件') {
+        //     }
+        // }
     },
     methods: {
-        
         drawLine() {
-            var myChart = this.$echarts.init(this.$refs.lineChart)
+            var myChart = this.$echarts.init(this.$refs.lineChart);
 
             let option = {
                 grid: {
@@ -41,10 +138,10 @@ export default {
                     right: '4%',
                     bottom: '10%',
                     top: '20%',
-                    containLabel: true,
+                    containLabel: true
                 },
                 tooltip: {
-                    show: true,
+                    show: true
                     // trigger: 'axis',
                 },
                 xAxis: [
@@ -54,77 +151,71 @@ export default {
                             show: true,
                             lineStyle: {
                                 color: '#eeebeb',
-                                type:'dashed'
-                            },
+                                type: 'dashed'
+                            }
                         },
                         axisTick: {
-                            show: false,
+                            show: false
                         },
                         axisLabel: {
-                            color: '#6c6c6c',
+                            color: '#6c6c6c'
                         },
                         splitLine: {
-                            show: false,
+                            show: false
                         },
                         boundaryGap: ['5%', '5%'],
-                        data: this.list.map((value) => {
-                            return value.type
-                        }),
-                    },
+
+                        data: this.xData
+                    }
                 ],
                 yAxis: [
-
                     {
                         type: 'value',
                         axisLabel: {
-                            color: '#6c6c6c',
-            
+                            color: '#6c6c6c'
                         },
                         splitLine: {
                             lineStyle: {
                                 color: '#eeebeb',
-                                type: 'dashed',
-                            },
+                                type: 'dashed'
+                            }
                         },
                         axisLine: {
-                            show: false,
+                            show: false
                         }
-                    },
+                    }
                 ],
                 series: [
                     {
-                        name: '速度',
+                        name: this.title,
                         type: 'line',
                         stack: '总量',
                         symbolSize: 6,
-                        smooth:true,
+                        smooth: true,
                         itemStyle: {
                             color: '#fb864b',
                             borderColor: '#fb864b',
-                            borderWidth: 2,
+                            borderWidth: 2
                         },
-                        data: this.list.map((value) => {
-                            return value.speed
-                        }),
-                    },
-                ],
+                        data: this.yData
+                    }
+                ]
             };
-            myChart.setOption(option)
+            myChart.setOption(option);
             // window.onresize = () => {  // 根据窗口大小变化图表自适应
             //     myChart.resize();
             // };
-            window.addEventListener('resize',function(){
-                    myChart.resize()
-                }
-            )
-        },
+            window.addEventListener('resize', function () {
+                myChart.resize();
+            });
+        }
     },
     mounted() {
-        this.drawLine()
+        this.drawLine();
+        console.log(this.pageType, this.title, this.status);
         // console.log(this.list1);
     }
-}
+};
 </script>
 <style scoped>
-
 </style>
\ No newline at end of file
diff --git a/src/components/chart/regionTable.vue b/src/components/chart/regionTable.vue
index fa7d44bf..cd191b40 100644
--- a/src/components/chart/regionTable.vue
+++ b/src/components/chart/regionTable.vue
@@ -9,60 +9,63 @@
             </el-dropdown>
         </div>
         <!-- 触发 -->
-         <el-table :data="msg"  style="width: 100%" v-if="type=='触发'">
-            <el-table-column align="center" prop="type" label="视频路"></el-table-column>
-            <el-table-column align="center" prop="type" label="时间戳"></el-table-column>
-            <el-table-column align="center" prop="carNumber" label="目标编号"></el-table-column>
-            <el-table-column align="center" prop='lane' label="目标类型"></el-table-column>
-            <el-table-column align="center" prop='event' label="车牌"></el-table-column>
-            <el-table-column align="center" prop='speed' label="速度"></el-table-column>
-            <el-table-column align="center" prop='headWay' label="监测触发事件"></el-table-column>
-            <el-table-column align="center" prop='headWay' label="车道"></el-table-column>
-            <el-table-column align="center" prop='headWay' label="车头时距"></el-table-column>
+        <el-table :data="msg" style="width: 100%" v-if="type == '触发'">
+            <el-table-column align="center" prop="steam_id" label="视频路"></el-table-column>
+            <el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
+            <el-table-column align="center" prop="obj_id" label="目标编号"></el-table-column>
+            <el-table-column align="center" prop="type" label="目标类型"></el-table-column>
+            <el-table-column align="center" prop="plate" label="车牌"></el-table-column>
+            <el-table-column align="center" prop="speed" label="速度"></el-table-column>
+            <el-table-column align="center" prop="event" label="监测触发事件"></el-table-column>
+            <el-table-column align="center" prop="lane" label="车道"></el-table-column>
+            <el-table-column align="center" prop="headWay" label="车头时距"></el-table-column>
         </el-table>
         <!-- 周期时刻 -->
-        <el-table :data="msg" style="width: 100%" v-if="type=='周期时刻'">
-            <el-table-column align="center" prop="type" label="区域编号"></el-table-column>
-            <el-table-column align="center" prop="type" label="区域名称"></el-table-column>
-            <el-table-column align="center" prop="carNumber" label="时间戳"></el-table-column>
-            <el-table-column align="center" prop='lane' label="视频帧"></el-table-column>
-            <el-table-column align="center" prop='event' label="目标类型"></el-table-column>
-            <el-table-column align="center" prop='speed' label="存车数"></el-table-column>
-            <el-table-column align="center" prop='headWay' label="排队数"></el-table-column>
-            <el-table-column align="center" prop='headWay' label="占用状态"></el-table-column>
-            <el-table-column align="center" prop='headWay' label="空间平均速度"></el-table-column>
+        <el-table :data="msg" style="width: 100%" v-if="type == '周期时刻'">
+            <el-table-column align="center" prop="zone_id" label="区域编号"></el-table-column>
+            <el-table-column align="center" prop="name" label="区域名称"></el-table-column>
+            <el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
+            <!-- <el-table-column align="center" prop="" label="视频帧"></el-table-column> -->
+            <el-table-column align="center" prop="type" label="目标类型"></el-table-column>
+            <el-table-column align="center" prop="n_stay" label="存车数"></el-table-column>
+            <el-table-column align="center" prop="n_queue" label="排队数"></el-table-column>
+            <el-table-column align="center" prop="occ" label="占用状态"></el-table-column>
+            <el-table-column align="center" prop="speed" label="空间平均速度"></el-table-column>
         </el-table>
         <!-- 周期统计 -->
-        <el-table :data="msg" style="width: 100%" v-if="type=='周期统计'">
-            <el-table-column align="center" prop="time" label="区域编号"></el-table-column>
-            <el-table-column align="center" prop="type" label="区域名称"></el-table-column>
-            <el-table-column align="center" prop="event" label="时间戳"></el-table-column>
-            <el-table-column align="center" prop='lane' label="驶入流量"></el-table-column>
-            <el-table-column align="center" prop='speed' label="驶离流量"></el-table-column>
-            <el-table-column align="center" prop='avgFlow' label="平均存车数"></el-table-column>
-            <el-table-column align="center" prop='avgFlow' label="平均排队数"></el-table-column>
-            <el-table-column align="center" prop='avgFlow' label="平均占有率"></el-table-column>
-            <el-table-column align="center" prop='avgFlow' label="平均延误"></el-table-column>
-            <el-table-column align="center" prop='avgFlow' label="平均速度"></el-table-column>
+        <el-table :data="msg" style="width: 100%" v-if="type == '周期统计'">
+            <el-table-column align="center" prop="zone_id" label="区域编号"></el-table-column>
+            <el-table-column align="center" prop="name" label="区域名称"></el-table-column>
+            <el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
+            <el-table-column align="center" prop="type" label="目标类型"></el-table-column>
+            <el-table-column align="center" prop="enter_flow" label="驶入流量"></el-table-column>
+            <el-table-column align="center" prop="leave_flow" label="驶离流量"></el-table-column>
+            <el-table-column align="center" prop="ave_stay" label="平均存车数"></el-table-column>
+            <el-table-column align="center" prop="ave_queue" label="平均排队数"></el-table-column>
+            <el-table-column align="center" prop="ave_occ" label="平均占有率"></el-table-column>
+            <el-table-column align="center" prop="ave_delay" label="平均延误"></el-table-column>
+            <el-table-column align="center" prop="ave_speed" label="平均速度"></el-table-column>
         </el-table>
 
-
-
-        <el-dialog title="编辑" :visible.sync="dialogVisible" width="40%" >
+        <el-dialog title="编辑" :visible.sync="dialogVisible" width="40%">
             <el-form :model="msg" label-width="80px">
                 <el-form-item label="val1">
-                    <el-time-select placeholder="起始时间" v-model="startTime"
-                        :picker-options="{ start: '08:30', step: '00:15', end: '18:30' }">
+                    <el-time-select
+                        placeholder="起始时间"
+                        v-model="startTime"
+                        :picker-options="{ start: '08:30', step: '00:15', end: '18:30' }"
+                    >
                     </el-time-select>
-                    <el-time-select placeholder="结束时间" v-model="endTime"
-                        :picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }">
+                    <el-time-select
+                        placeholder="结束时间"
+                        v-model="endTime"
+                        :picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }"
+                    >
                     </el-time-select>
                 </el-form-item>
                 <el-form-item label="val2">
                     <el-select>
-                        <el-option>
-
-                        </el-option>
+                        <el-option> </el-option>
                     </el-select>
                 </el-form-item>
                 <el-form-item label="val3">
@@ -77,7 +80,7 @@
                     </el-checkbox-group>
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="primary" >确认</el-button>
+                    <el-button type="primary">确认</el-button>
                     <el-button @click="dialogVisible = false">取消</el-button>
                 </el-form-item>
             </el-form>
@@ -86,18 +89,17 @@
 </template>
   
 <script>
-
 export default {
-    name: 'tableShow',//表格组件
+    name: 'tableShow', //表格组件
     props: {
         msg: {
             type: Array,
             default() {
-                return []
+                return [];
             }
         },
-        type:{
-            type:String,
+        type: {
+            type: String
         }
     },
     data() {
@@ -106,20 +108,18 @@ export default {
             startTime: '',
             endTime: '',
             checkList: ['复选框 A']
-        }
+        };
     },
     methods: {
-        handleCommand(command) {  // 用户名下拉菜单选择事件
+        handleCommand(command) {
+            // 用户名下拉菜单选择事件
             if (command == 'show') {
-                this.dialogVisible = true
+                this.dialogVisible = true;
             }
-        },
-
+        }
     },
-    mounted() {
-
-    }
-}
+    mounted() {}
+};
 </script>
 <style scoped>
 .tableContent {
@@ -132,7 +132,7 @@ export default {
     right: 5px;
     z-index: 100;
 }
-.down .moreIcon{
+.down .moreIcon {
     width: 5px;
     height: 18px;
     background-size: 5px 18px;
@@ -142,7 +142,7 @@ export default {
 .el-form-item {
     margin-bottom: 20px;
 }
-.tableContent{
-    border: 1px solid #E4E7ED;
+.tableContent {
+    border: 1px solid #e4e7ed;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/chart/tableShow.vue b/src/components/chart/tableShow.vue
index d24a4bf9..b6706c77 100644
--- a/src/components/chart/tableShow.vue
+++ b/src/components/chart/tableShow.vue
@@ -9,44 +9,48 @@
             </el-dropdown>
         </div>
         <!-- 触发 -->
-          
-        <el-table :data="msg"  style="width: 100%" v-if="type=='触发'">
+
+        <el-table :data="msg" style="width: 100%" v-if="type == '触发'">
             <el-table-column align="center" prop="steam_id" label="视频路"></el-table-column>
             <el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
             <el-table-column align="center" prop="obj_id" label="目标编号"></el-table-column>
-            <el-table-column align="center" prop='type' label="目标类型"></el-table-column>
-            <el-table-column align="center" prop='plate' label="车牌"></el-table-column>
-            <el-table-column align="center" prop='speed' label="速度"></el-table-column>
-            <el-table-column align="center" prop='event' label="监测触发事件"></el-table-column>
-            <el-table-column align="center" prop='lane' label="车道"></el-table-column>
-            <el-table-column align="center" prop='headWay' label="车头时距"></el-table-column>
+            <el-table-column align="center" prop="type" label="目标类型"></el-table-column>
+            <el-table-column align="center" prop="plate" label="车牌"></el-table-column>
+            <el-table-column align="center" prop="speed" label="速度"></el-table-column>
+            <el-table-column align="center" prop="event" label="监测触发事件"></el-table-column>
+            <el-table-column align="center" prop="lane" label="车道"></el-table-column>
+            <el-table-column align="center" prop="headWay" label="车头时距"></el-table-column>
         </el-table>
-        
+
         <!-- 周期统计 -->
-        <el-table :data="msg"  style="width: 100%" v-if="type=='周期统计'">
-            <el-table-column align="center" prop="time" label="断面编号"></el-table-column>
-            <el-table-column align="center" prop="type" label="断面名称"></el-table-column>
-            <el-table-column align="center" prop="type" label="时间戳"></el-table-column>
-            <el-table-column align="center" prop="event" label="时间序号"></el-table-column>
-            <el-table-column align="center" prop='lane' label="目标类型"></el-table-column>
-            <el-table-column align="center" prop='speed' label="入流流量"></el-table-column>
-            <el-table-column align="center" prop='avgFlow' label="出流流量"></el-table-column>
-            <el-table-column align="center" prop="time" label="断面流量"></el-table-column>
-            <el-table-column align="center" prop="type" label="入流平均速度"></el-table-column>
-            <el-table-column align="center" prop="event" label="出流平均速度"></el-table-column>
-           
+        <el-table :data="msg" style="width: 100%" v-if="type == '周期统计'">
+            <el-table-column align="center" prop="gate_id" label="断面编号"></el-table-column>
+            <el-table-column align="center" prop="name" label="断面名称"></el-table-column>
+            <el-table-column align="center" prop="timestamp" label="时间戳"></el-table-column>
+            <el-table-column align="center" prop="interval" label="时间序号"></el-table-column>
+            <el-table-column align="center" prop="type" label="目标类型"></el-table-column>
+            <el-table-column align="center" prop="in_flow" label="入流流量"></el-table-column>
+            <el-table-column align="center" prop="out_flow" label="出流流量"></el-table-column>
+            <el-table-column align="center" prop="flow" label="断面流量"></el-table-column>
+            <el-table-column align="center" prop="in_spd" label="入流平均速度"></el-table-column>
+            <el-table-column align="center" prop="out_spd" label="出流平均速度"></el-table-column>
+            <el-table-column align="center" prop="speed" label="断面的平均速度"></el-table-column>
         </el-table>
 
-
-
-        <el-dialog title="编辑" :visible.sync="dialogVisible" width="40%" >
+        <el-dialog title="编辑" :visible.sync="dialogVisible" width="40%">
             <el-form :model="msg" label-width="80px">
                 <el-form-item label="val1">
-                    <el-time-select placeholder="起始时间" v-model="startTime"
-                        :picker-options="{ start: '08:30', step: '00:15', end: '18:30' }">
+                    <el-time-select
+                        placeholder="起始时间"
+                        v-model="startTime"
+                        :picker-options="{ start: '08:30', step: '00:15', end: '18:30' }"
+                    >
                     </el-time-select>
-                    <el-time-select placeholder="结束时间" v-model="endTime"
-                        :picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }">
+                    <el-time-select
+                        placeholder="结束时间"
+                        v-model="endTime"
+                        :picker-options="{ start: '08:30', step: '00:15', end: '18:30', minTime: startTime }"
+                    >
                     </el-time-select>
                 </el-form-item>
                 <el-form-item label="val2">
@@ -66,7 +70,7 @@
                     </el-checkbox-group>
                 </el-form-item>
                 <el-form-item>
-                    <el-button type="primary" >确认</el-button>
+                    <el-button type="primary">确认</el-button>
                     <el-button @click="dialogVisible = false">取消</el-button>
                 </el-form-item>
             </el-form>
@@ -75,18 +79,17 @@
 </template>
   
 <script>
-
 export default {
-    name: 'tableShow',//表格组件
+    name: 'tableShow', //表格组件
     props: {
         msg: {
             type: Array,
             default() {
-                return []
+                return [];
             }
         },
-        type:{
-            type:String,
+        type: {
+            type: String
         }
     },
     data() {
@@ -118,21 +121,20 @@ export default {
                 }
             ],
             value: ''
-        }
+        };
     },
     methods: {
-        handleCommand(command) {  // 用户名下拉菜单选择事件
+        handleCommand(command) {
+            // 用户名下拉菜单选择事件
             if (command == 'show') {
-                this.dialogVisible = true
+                this.dialogVisible = true;
             }
         },
-        onSubmit(){},
-        handleClose(){}
+        onSubmit() {},
+        handleClose() {}
     },
-    mounted() {
-
-    }
-}
+    mounted() {}
+};
 </script>
 <style scoped>
 .tableContent {
@@ -145,7 +147,7 @@ export default {
     right: 5px;
     z-index: 100;
 }
-.down .moreIcon{
+.down .moreIcon {
     width: 5px;
     height: 18px;
     background-size: 5px 18px;
@@ -155,5 +157,4 @@ export default {
 .el-form-item {
     margin-bottom: 20px;
 }
-
 </style>
\ No newline at end of file
diff --git a/src/components/chart/thermalChart.vue b/src/components/chart/thermalChart.vue
index 79fc4f7c..b0c27704 100644
--- a/src/components/chart/thermalChart.vue
+++ b/src/components/chart/thermalChart.vue
@@ -4,69 +4,28 @@
 
 <script>
 export default {
-    name: 'thermalChart', //折线图组件
+    name: 'thermalChart', //热点图组件
     data() {
-        return {
-            tableData: [
-                {
-                    name: '111',
-                    val1: '100',
-                    val2: '200',
-                    val3: '300',
-                    val4: '400'
-                }
-            ]
-        };
+        return {};
     },
     methods: {
         drawThermalChart() {
             let myChart = this.$echarts.init(this.$refs.thermalChart);
-
-            const hours = [
-                '12a',
-                '1a',
-                '2a',
-                '3a',
-                '4a',
-                '5a',
-                '6a',
-                '7a',
-                '8a',
-                '9a',
-                '10a',
-                '11a',
-                '12p',
-                '1p',
-                '2p',
-                '3p',
-                '4p',
-                '5p',
-                '6p',
-                '7p',
-                '8p',
-                '9p',
-                '10p',
-                '11p'
-            ];
-            // prettier-ignore
-            const days = [
-                'Saturday', 'Friday', 'Thursday',
-                'Wednesday', 'Tuesday', 'Monday', 'Sunday'
-            ];
-            // prettier-ignore
-            const data = [[0, 0, 5], [0, 1, 1], [0, 2, 0], [0, 3, 0], [0, 4, 0], [0, 5, 0], [0, 6, 0], [0, 7, 0], [0, 8, 0], [0, 9, 0], [0, 10, 0], [0, 11, 2], [0, 12, 4], [0, 13, 1], [0, 14, 1], [0, 15, 3], [0, 16, 4], [0, 17, 6], [0, 18, 4], [0, 19, 4], [0, 20, 3], [0, 21, 3], [0, 22, 2], [0, 23, 5], [1, 0, 7], [1, 1, 0], [1, 2, 0], [1, 3, 0], [1, 4, 0], [1, 5, 0], [1, 6, 0], [1, 7, 0], [1, 8, 0], [1, 9, 0], [1, 10, 5], [1, 11, 2], [1, 12, 2], [1, 13, 6], [1, 14, 9], [1, 15, 11], [1, 16, 6], [1, 17, 7], [1, 18, 8], [1, 19, 12], [1, 20, 5], [1, 21, 5], [1, 22, 7], [1, 23, 2], [2, 0, 1], [2, 1, 1], [2, 2, 0], [2, 3, 0], [2, 4, 0], [2, 5, 0], [2, 6, 0], [2, 7, 0], [2, 8, 0], [2, 9, 0], [2, 10, 3], [2, 11, 2], [2, 12, 1], [2, 13, 9], [2, 14, 8], [2, 15, 10], [2, 16, 6], [2, 17, 5], [2, 18, 5], [2, 19, 5], [2, 20, 7], [2, 21, 4], [2, 22, 2], [2, 23, 4], [3, 0, 7], [3, 1, 3], [3, 2, 0], [3, 3, 0], [3, 4, 0], [3, 5, 0], [3, 6, 0], [3, 7, 0], [3, 8, 1], [3, 9, 0], [3, 10, 5], [3, 11, 4], [3, 12, 7], [3, 13, 14], [3, 14, 13], [3, 15, 12], [3, 16, 9], [3, 17, 5], [3, 18, 5], [3, 19, 10], [3, 20, 6], [3, 21, 4], [3, 22, 4], [3, 23, 1], [4, 0, 1], [4, 1, 3], [4, 2, 0], [4, 3, 0], [4, 4, 0], [4, 5, 1], [4, 6, 0], [4, 7, 0], [4, 8, 0], [4, 9, 2], [4, 10, 4], [4, 11, 4], [4, 12, 2], [4, 13, 4], [4, 14, 4], [4, 15, 14], [4, 16, 12], [4, 17, 1], [4, 18, 8], [4, 19, 5], [4, 20, 3], [4, 21, 7], [4, 22, 3], [4, 23, 0], [5, 0, 2], [5, 1, 1], [5, 2, 0], [5, 3, 3], [5, 4, 0], [5, 5, 0], [5, 6, 0], [5, 7, 0], [5, 8, 2], [5, 9, 0], [5, 10, 4], [5, 11, 1], [5, 12, 5], [5, 13, 10], [5, 14, 5], [5, 15, 7], [5, 16, 11], [5, 17, 6], [5, 18, 0], [5, 19, 5], [5, 20, 3], [5, 21, 4], [5, 22, 2], [5, 23, 0], [6, 0, 1], [6, 1, 0], [6, 2, 0], [6, 3, 0], [6, 4, 0], [6, 5, 0], [6, 6, 0], [6, 7, 0], [6, 8, 0], [6, 9, 0], [6, 10, 1], [6, 11, 0], [6, 12, 2], [6, 13, 1], [6, 14, 3], [6, 15, 4], [6, 16, 0], [6, 17, 0], [6, 18, 0], [6, 19, 0], [6, 20, 1], [6, 21, 2], [6, 22, 2], [6, 23, 6]]
-                .map(function (item) {
-                    return [item[1], item[0], item[2] || '-'];
-                });
             let option = {
-                textStyle: { color: '#666', fontSize: 13 },
-                toolbox: {
-                    show: true,
-                    feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },
-                    iconStyle: { borderColor: '#666' }
+                grid: {
+                    left: '2%',
+                    right: '4%',
+                    bottom: '10%',
+                    top: '20%',
+                    containLabel: true
                 },
+                textStyle: { color: '#666', fontSize: 13 },
+                // toolbox: {
+                //     show: true,
+                //     feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },
+                //     iconStyle: { borderColor: '#666' }
+                // },
                 tooltip: {},
-                grid: { containLabel: true },
                 xAxis: {
                     nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },
                     axisLabel: { interval: 0, textStyle: { fontSize: 13 } },
@@ -74,7 +33,7 @@ export default {
                     splitLine: { show: false },
                     axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },
                     type: 'category',
-                    data: ['2015年', '2016年', '2017年', '2018年', '2019年'],
+                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],
                     splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }
                 },
                 yAxis: {
@@ -84,7 +43,7 @@ export default {
                     splitLine: { show: false },
                     axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },
                     type: 'category',
-                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4', 'GATE5', 'GATE6', 'GATE7']
+                    data: ['GATE1', 'GATE2', 'GATE3', 'GATE4']
                 },
                 visualMap: [
                     {
@@ -95,57 +54,56 @@ export default {
                         left: 'center',
                         top: 20,
                         color: ['#C7021D', '#79E73C'],
-                        text: ['高      ', '低'],
+                        text: ['高', '低'],
                         textStyle: { color: '#666', fontSize: 13 }
                     }
                 ],
                 series: [
                     {
                         type: 'heatmap',
+                        // pageSize: 20,
+                        pointSize: 10,
+                        blurSize: 10,
                         data: [
                             [0, 0, 100],
                             [0, 1, 100],
                             [0, 2, 100],
                             [0, 3, 100],
-                            [0, 4, 100],
-                            [0, 5, 100],
-                            [0, 6, 200],
+                            // [0, 4, 100],
+                            // [0, 5, 100],
+                            // [0, 6, 200],
 
                             [1, 0, 120],
                             [1, 1, 120],
                             [1, 2, 125],
                             [1, 3, 120],
-                            [1, 4, 120],
-                            [1, 5, 120],
-                            [1, 6, 120],
+                            // [1, 4, 120],
+                            // [1, 5, 120],
+                            // [1, 6, 120],
 
                             [2, 0, 120],
                             [2, 1, 140],
                             [2, 2, 140],
                             [2, 3, 140],
-                            [2, 4, 140],
-                            [2, 5, 140],
-                            [2, 6, 140],
+                            // [2, 4, 140],
+                            // [2, 5, 140],
+                            // [2, 6, 140],
 
                             [3, 0, 200],
                             [3, 1, 200],
                             [3, 2, 200],
-                            [3, 3, 200],
-                            [3, 4, 200],
-                            [3, 5, 200],
-                            [3, 6, 200],
+                            [3, 3, 200]
+                            // [3, 4, 200],
+                            // [3, 5, 200],
+                            // [3, 6, 200],
 
-                            [4, 0, 300],
-                            [4, 1, 300],
-                            [4, 2, 300],
-                            [4, 3, 300],
-                            [4, 4, 300],
-                            [4, 5, 300],
-                            [4, 6, 300]
+                            // [4, 4, 300],
+                            // [4, 5, 300],
+                            // [4, 6, 300]
                         ],
-                        label: { normal: { show: true, color: '#fff' } },
+                        label: { show: true, color: '#fff' },
                         itemStyle: {
-                            normal: { borderColor: 'rgba(255, 255, 255, 0.5)' },
+                            borderColor: 'rgba(255, 255, 255, 0.5)',
                             emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }
                         }
                     }
diff --git a/src/components/target/OD.vue b/src/components/target/OD.vue
index 302eeead..6e590f3a 100644
--- a/src/components/target/OD.vue
+++ b/src/components/target/OD.vue
@@ -1,16 +1,11 @@
 <template>
-
     <div class="setion">
-        <p class="chartTitle"><span class="titleIcon"></span>  OD组件</p>
-            <div class="border">
-                <detailDialog :msg="tableData" />
-                <thermalChart :list="tableData" v-if="triggerType == '触发'" />
-                <thermalChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <thermalChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
-            </div>
+        <p class="chartTitle"><span class="titleIcon"></span> {{ title }}</p>
+        <div class="border">
+            <detailDialog />
+            <thermalChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
         </div>
     </div>
-
 </template>
 
 <script>
@@ -21,119 +16,33 @@ import detailDialog from '../chart/detailDialog.vue';
 import thermalChart from '../chart/thermalChart.vue';
 import regionTable from '../chart/regionTable.vue';
 export default {
-name: 'lineUpChart', //排队数组件
-components: {
-    lineChart,
-    barChart,
-    tableShow,
-    detailDialog,
-    thermalChart,
-    regionTable
-},
-props: ['pageType', 'triggerType'],
-data() {
-    return {
-        tableData: [
-            {
-                time: '7:40',
-                type: '小汽车',
-                carNumber: '苏E.999999',
-                lane: '成华大道',
-                event: 'in',
-                speed: '80',
-                headWay: '10'
-            },
-            {
-                time: '9:40',
-                type: '货车',
-                carNumber: '苏E.888888',
-                lane: '成华大道',
-                event: 'in',
-                speed: '60',
-                headWay: '10'
-            },
-            {
-                time: '10:40',
-                type: '小汽车',
-                carNumber: '苏E.777777',
-                lane: '成华大道',
-                event: 'in',
-                speed: '90',
-                headWay: '10'
-            }
-        ],
-        periodicTime: [
-            {
-                time: '17:00',
-                type: '货车',
-                lane: '西城车道',
-                lineUp: '200',
-                check: '300',
-                ownStatus: '空',
-                speed: '50',
-                CongestionStatus: '拥堵'
-            },
-            {
-                time: '22:00',
-                type: '货车',
-                lane: '西城车道',
-                lineUp: '200',
-                check: '300',
-                ownStatus: '空',
-                speed: '30',
-                CongestionStatus: '拥堵'
-            },
-            {
-                time: '24:00',
-                type: '货车',
-                lane: '西城车道',
-                lineUp: '200',
-                check: '300',
-                ownStatus: '空',
-                speed: '80',
-                CongestionStatus: '拥堵'
-            }
-        ],
-        periodicStatistic: [
-            {
-                time: '9:40',
-                type: '小汽车',
-                event: 'out',
-                lane: '西北大道',
-                speed: '60',
-                avgFlow: '200'
-            },
-            {
-                time: '10:40',
-                type: '小汽车',
-                event: 'out',
-                lane: '西北大道',
-                speed: '55',
-                avgFlow: '50'
-            },
-            {
-                time: '11:40',
-                type: '小汽车',
-                event: 'out',
-                lane: '西北大道',
-                speed: '61',
-                avgFlow: '40'
-            }
-        ]
-    };
-},
-methods: {},
-mounted() {}
+    name: 'lineUpChart', //排队数组件
+    components: {
+        lineChart,
+        barChart,
+        tableShow,
+        detailDialog,
+        thermalChart,
+        regionTable
+    },
+    props: ['pageType', 'triggerType', 'data'],
+    data() {
+        return {
+            title: 'OD组件'
+        };
+    },
+    methods: {},
+    mounted() {}
 };
 </script>
 <style scoped>
 .typeContent {
-box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 .border {
-width: 100%;
-margin-bottom: 20px;
-position: relative;
+    width: 100%;
+    margin-bottom: 20px;
+    position: relative;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/target/checkChart.vue b/src/components/target/checkChart.vue
index 2a365357..a712f7ca 100644
--- a/src/components/target/checkChart.vue
+++ b/src/components/target/checkChart.vue
@@ -1,40 +1,31 @@
 <template>
     <div class="setion">
-        <p class="chartTitle"> <span class="titleIcon"></span>  检测数组件</p>
+        <p class="chartTitle"><span class="titleIcon"></span>{{ title }}</p>
         <div class="typeContent">
-            <el-card style='width:150px;margin-bottom:20px;text-align:center'>
-                <div style="font-size:30px;font-weight:bold;">99</div>
-                    <div style="padding: 14px;">
-                        <span>数值</span>
-                        <div class="bottom clearfix">
+            <el-card style="width: 150px; margin-bottom: 20px; text-align: center">
+                <div style="font-size: 30px; font-weight: bold">99</div>
+                <div style="padding: 14px">
+                    <span>数值</span>
+                    <div class="bottom clearfix">
                         <time class="time">17:49</time>
                         <el-button type="text" class="button">操作按钮</el-button>
                     </div>
                 </div>
-
-
             </el-card>
-            <div v-if="pageType == '断面'" style=" margin-bottom: 20px;border: 1px solid #E4E7ED;">
-                <tableShow :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <tableShow :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+            <div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
+                <tableShow :msg="data" :type="triggerType" />
             </div>
             <div v-if="pageType == '区域'">
-                <regionTable :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <regionTable :msg="periodicTime" :type="triggerType" v-if="triggerType == '周期时刻'" />
-                <regionTable :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+                <regionTable :msg="data" :type="triggerType" />
             </div>
 
             <div class="border">
-                <detailDialog :msg="tableData" />
-                <lineChart :list="tableData" v-if="triggerType == '触发'"></lineChart>
-                <lineChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <lineChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <detailDialog />
+                <lineChart :pageType="pageType" :list="data" :status="triggerType" :title="title"></lineChart>
             </div>
             <div class="border">
-                <detailDialog :msg="tableData" />
-                <avgChart :list="tableData" v-if="triggerType == '触发'" />
-                <avgChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <avgChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <detailDialog />
+                <avgChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
             </div>
         </div>
     </div>
@@ -47,10 +38,10 @@ import barChart from '../chart/barChart.vue';
 import detailDialog from '../chart/detailDialog.vue';
 import thermalChart from '../chart/thermalChart.vue';
 import regionTable from '../chart/regionTable.vue';
-import avgChart from '../chart/avgChart.vue'
+import avgChart from '../chart/avgChart.vue';
 export default {
     name: 'checkChart', //车头时距组件
-    props: ['pageType', 'triggerType'],
+    props: ['pageType', 'triggerType', 'data'],
     components: {
         lineChart,
         barChart,
@@ -62,100 +53,7 @@ export default {
     },
     data() {
         return {
-            tableData: [
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:35.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:70.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                }
-            ],
-            // triggerType: '周期统计',
-            periodicTime: [
-                {
-                    time: '17:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '50',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '22:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '30',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '24:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '80',
-                    CongestionStatus: '拥堵'
-                }
-            ],
-            periodicStatistic: [
-                {
-                    time: '9:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '60',
-                    avgFlow: '200'
-                },
-                {
-                    time: '10:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '55',
-                    avgFlow: '50'
-                },
-                {
-                    time: '11:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '61',
-                    avgFlow: '40'
-                }
-            ]
+            title: '监测数组件'
         };
     },
 
diff --git a/src/components/target/congestionChart.vue b/src/components/target/congestionChart.vue
index bb78577f..20b99067 100644
--- a/src/components/target/congestionChart.vue
+++ b/src/components/target/congestionChart.vue
@@ -1,33 +1,26 @@
 <template>
     <div class="setion">
-        <p class="chartTitle"><span class="titleIcon"></span>  拥堵组件</p>
+        <p class="chartTitle"><span class="titleIcon"></span> {{ title }}</p>
         <div class="typeContent">
-            <el-card style='width:150px;margin-bottom:20px;text-align:center'>
-                <div style="font-size:30px;font-weight:bold;">99</div>
-                    <div style="padding: 14px;">
-                        <span>数值</span>
-                        <div class="bottom clearfix">
+            <el-card style="width: 150px; margin-bottom: 20px; text-align: center">
+                <div style="font-size: 30px; font-weight: bold">99</div>
+                <div style="padding: 14px">
+                    <span>数值</span>
+                    <div class="bottom clearfix">
                         <time class="time">17:49</time>
                         <el-button type="text" class="button">操作按钮</el-button>
                     </div>
                 </div>
-
-
             </el-card>
-            <div v-if="pageType == '断面'" style=" margin-bottom: 20px;border: 1px solid #E4E7ED;">
-                <tableShow :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <tableShow :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+            <div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
+                <tableShow :msg="data" :type="triggerType" />
             </div>
             <div v-if="pageType == '区域'">
-                <regionTable :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <regionTable :msg="periodicTime" :type="triggerType" v-if="triggerType == '周期时刻'" />
-                <regionTable :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+                <regionTable :msg="data" :type="triggerType" />
             </div>
             <div class="border">
-                <detailDialog :msg="tableData" />
-                <lineChart :list="tableData" v-if="triggerType == '触发'"></lineChart>
-                <lineChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <lineChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <detailDialog />
+                <lineChart :pageType="pageType" :list="data" :status="triggerType" :title="title"></lineChart>
             </div>
         </div>
         <div></div>
@@ -42,7 +35,7 @@ import thermalChart from '../chart/thermalChart.vue';
 import regionTable from '../chart/regionTable.vue';
 export default {
     name: 'congestionChart', //拥堵组件
-    props: ['pageType', 'triggerType'],
+    props: ['pageType', 'triggerType', 'data'],
     components: {
         lineChart,
         tableShow,
@@ -52,100 +45,7 @@ export default {
     },
     data() {
         return {
-            tableData: [
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:35.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:70.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                }
-            ],
-            // triggerType: '周期统计',
-            periodicTime: [
-                {
-                    time: '17:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '50',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '22:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '30',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '24:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '80',
-                    CongestionStatus: '拥堵'
-                }
-            ],
-            periodicStatistic: [
-                {
-                    time: '9:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '60',
-                    avgFlow: '200'
-                },
-                {
-                    time: '10:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '55',
-                    avgFlow: '50'
-                },
-                {
-                    time: '11:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '61',
-                    avgFlow: '40'
-                }
-            ]
+            title: '拥堵组件'
         };
     },
     methods: {},
diff --git a/src/components/target/delayChart.vue b/src/components/target/delayChart.vue
index bf6bad0f..7478ff0c 100644
--- a/src/components/target/delayChart.vue
+++ b/src/components/target/delayChart.vue
@@ -1,41 +1,31 @@
 <template>
     <div class="setion">
-        <p class="chartTitle"> <span class="titleIcon"></span>  延误组件</p>
+        <p class="chartTitle"><span class="titleIcon"></span> {{ title }}</p>
         <div class="typeContent">
-            <el-card style='width:150px;margin-bottom:20px;text-align:center'>
-                <div style="font-size:30px;font-weight:bold;">99</div>
-                    <div style="padding: 14px;">
-                        <span>数值</span>
-                        <div class="bottom clearfix">
+            <el-card style="width: 150px; margin-bottom: 20px; text-align: center">
+                <div style="font-size: 30px; font-weight: bold">99</div>
+                <div style="padding: 14px">
+                    <span>数值</span>
+                    <div class="bottom clearfix">
                         <time class="time">17:49</time>
                         <el-button type="text" class="button">操作按钮</el-button>
                     </div>
                 </div>
-
-
             </el-card>
-            <div v-if="pageType == '断面'" style=" margin-bottom: 20px;border: 1px solid #E4E7ED;">
-                <tableShow :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <tableShow :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+            <div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
+                <tableShow :msg="data" :type="triggerType" />
             </div>
             <div v-if="pageType == '区域'">
-                <regionTable :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <regionTable :msg="periodicTime" :type="triggerType" v-if="triggerType == '周期时刻'" />
-                <regionTable :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+                <regionTable :msg="data" :type="triggerType" />
             </div>
             <div class="border">
-                <detailDialog :msg="tableData"/>
-                <lineChart :list="tableData" v-if="triggerType == '触发'"></lineChart>
-                <lineChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <lineChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <detailDialog />
+                <lineChart :pageType="pageType" :list="data" :title="title" :status="triggerType"></lineChart>
             </div>
 
-
             <div class="border">
-                <detailDialog :msg="tableData"/>
-                <avgChart :list="tableData" v-if="triggerType=='触发'"/>
-                    <avgChart :list="periodicTime" v-if="triggerType=='周期时刻'"/>
-                    <avgChart :list="periodicStatistic" v-if="triggerType=='周期统计'" />
+                <detailDialog />
+                <avgChart :pageType="pageType" :list="data" :title="title" :status="triggerType" />
             </div>
         </div>
     </div>
@@ -51,8 +41,8 @@ import regionTable from '../chart/regionTable.vue';
 import avgChart from '../chart/avgChart.vue';
 export default {
     name: 'delayChart', //延迟组件
-    props:['pageType','triggerType'],
-    components:{
+    props: ['pageType', 'triggerType', 'data'],
+    components: {
         lineChart,
         barChart,
         tableShow,
@@ -63,114 +53,13 @@ export default {
     },
     data() {
         return {
-           tableData: [
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:35.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:70.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                }
-            ],
-            // triggerType: '周期统计',
-            periodicTime: [
-                {
-                    time: '17:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '50',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '22:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '30',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '24:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '80',
-                    CongestionStatus: '拥堵'
-                }
-            ],
-            periodicStatistic: [
-                {
-                    time: '9:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '60',
-                    avgFlow: '200'
-                },
-                {
-                    time: '10:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '55',
-                    avgFlow: '50'
-                },
-                {
-                    time: '11:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '61',
-                    avgFlow: '40'
-                }
-            ]
-        }
+            title: '延误组件'
+        };
     },
-    methods: {
-        
-        
-        
-    },
-    mounted() {
-
-    },
-    watch:{
-        
-    }
-}
+    methods: {},
+    mounted() {},
+    watch: {}
+};
 </script>
 <style scoped>
 .typeContent {
diff --git a/src/components/target/flowChart.vue b/src/components/target/flowChart.vue
index 666fe842..48c08688 100644
--- a/src/components/target/flowChart.vue
+++ b/src/components/target/flowChart.vue
@@ -1,34 +1,27 @@
 <template>
     <div class="setion">
-        <p class="chartTitle"><span class="titleIcon"></span>  流量组件</p>
+        <p class="chartTitle"><span class="titleIcon"></span> {{ title }}</p>
         <div class="typeContent">
-            <el-card style='width:150px;margin-bottom:20px;text-align:center'>
-                <div style="font-size:30px;font-weight:bold;">99</div>
-                    <div style="padding: 14px;">
-                        <span>数值</span>
-                        <div class="bottom clearfix">
+            <el-card style="width: 150px; margin-bottom: 20px; text-align: center">
+                <div style="font-size: 30px; font-weight: bold">99</div>
+                <div style="padding: 14px">
+                    <span>数值</span>
+                    <div class="bottom clearfix">
                         <time class="time">17:49</time>
                         <el-button type="text" class="button">操作按钮</el-button>
                     </div>
                 </div>
-
-
             </el-card>
-            <div v-if="pageType == '断面'" style=" margin-bottom: 20px;border: 1px solid #E4E7ED;">
-                <tableShow :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <tableShow :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+            <div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
+                <tableShow :msg="data" :type="triggerType" />
             </div>
             <div v-if="pageType == '区域'">
-                <regionTable :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <regionTable :msg="periodicTime" :type="triggerType" v-if="triggerType == '周期时刻'" />
-                <regionTable :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+                <regionTable :msg="data" :type="triggerType" />
             </div>
 
             <div class="border">
-                <detailDialog :msg="tableData" />
-                <lineChart :list="tableData" v-if="triggerType == '触发'"></lineChart>
-                <lineChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <lineChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <detailDialog />
+                <lineChart :pageType="pageType" :list="data" :title="title" :status="triggerType"></lineChart>
             </div>
         </div>
     </div>
@@ -42,7 +35,7 @@ import thermalChart from '../chart/thermalChart.vue';
 import regionTable from '../chart/regionTable.vue';
 export default {
     name: 'flowChart', //流量组件
-    props:['pageType','triggerType'],
+    props: ['pageType', 'triggerType', 'data'],
     components: {
         lineChart,
         tableShow,
@@ -52,100 +45,7 @@ export default {
     },
     data() {
         return {
-            tableData: [
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:35.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:70.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                }
-            ],
-            // triggerType: '周期统计',
-            periodicTime: [
-                {
-                    time: '17:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '50',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '22:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '30',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '24:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '80',
-                    CongestionStatus: '拥堵'
-                }
-            ],
-            periodicStatistic: [
-                {
-                    time: '9:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '60',
-                    avgFlow: '200'
-                },
-                {
-                    time: '10:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '55',
-                    avgFlow: '50'
-                },
-                {
-                    time: '11:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '61',
-                    avgFlow: '40'
-                }
-            ]
+            title: '流量组件'
         };
     },
     methods: {},
diff --git a/src/components/target/headWayChart.vue b/src/components/target/headWayChart.vue
index 9a04157c..1c6f5534 100644
--- a/src/components/target/headWayChart.vue
+++ b/src/components/target/headWayChart.vue
@@ -1,41 +1,31 @@
 <template>
     <div class="setion">
-        <p class="chartTitle"><span class="titleIcon"></span>  车头时距组件</p>
+        <p class="chartTitle"><span class="titleIcon"></span> {{ title }}</p>
         <div class="typeContent">
-            <el-card style='width:150px;margin-bottom:20px;text-align:center'>
-                <div style="font-size:30px;font-weight:bold;">99</div>
-                    <div style="padding: 14px;">
-                        <span>数值</span>
-                        <div class="bottom clearfix">
+            <el-card style="width: 150px; margin-bottom: 20px; text-align: center">
+                <div style="font-size: 30px; font-weight: bold">99</div>
+                <div style="padding: 14px">
+                    <span>数值</span>
+                    <div class="bottom clearfix">
                         <time class="time">17:49</time>
                         <el-button type="text" class="button">操作按钮</el-button>
                     </div>
                 </div>
-
-
             </el-card>
-            <div v-if="pageType == '断面'" style=" margin-bottom: 20px;border: 1px solid #E4E7ED;">
-                <tableShow :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <tableShow :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+            <div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
+                <tableShow :msg="data" :type="triggerType" />
             </div>
             <div v-if="pageType == '区域'">
-                <regionTable :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <regionTable :msg="periodicTime" :type="triggerType" v-if="triggerType == '周期时刻'" />
-                <regionTable :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+                <regionTable :msg="data" :type="triggerType" />
             </div>
             <div class="border">
-                <detailDialog :msg="tableData" />
-                <lineChart :list="tableData" v-if="triggerType == '触发'"></lineChart>
-                <lineChart :list="periodicTime" v-if="triggerType == '周期时刻'"/>
-                <lineChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <detailDialog />
+                <lineChart :pageType="pageType" :list="data" :status="triggerType" :title="title"></lineChart>
             </div>
             <div class="border">
-                <detailDialog :msg="tableData" />
-                <avgChart :list="tableData" v-if="triggerType=='触发'"/>
-                <avgChart :list="periodicTime" v-if="triggerType=='周期时刻'"/>
-                <avgChart :list="periodicStatistic" v-if="triggerType=='周期统计'" />
+                <detailDialog />
+                <avgChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
             </div>
-
         </div>
     </div>
 </template>
@@ -47,10 +37,10 @@ import tableShow from '../chart/tableShow.vue';
 import detailDialog from '../chart/detailDialog.vue';
 import thermalChart from '../chart/thermalChart.vue';
 import regionTable from '../chart/regionTable.vue';
-import avgChart from '../chart/avgChart.vue'
+import avgChart from '../chart/avgChart.vue';
 export default {
     name: 'headWayChart', //车头时距组件
-    props:['pageType','triggerType'],
+    props: ['pageType', 'triggerType', 'data'],
     components: {
         lineChart,
         barChart,
@@ -60,110 +50,17 @@ export default {
         regionTable,
         avgChart
     },
+    created() {
+        // console.log(this.data, 'headway');
+    },
     data() {
         return {
-            tableData: [
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:35.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:70.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                }
-            ],
-            // triggerType: '周期统计',
-            periodicTime: [
-                {
-                    time: '17:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '50',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '22:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '30',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '24:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '80',
-                    CongestionStatus: '拥堵'
-                }
-            ],
-            periodicStatistic: [
-                {
-                    time: '9:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '60',
-                    avgFlow: '200'
-                },
-                {
-                    time: '10:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '55',
-                    avgFlow: '50'
-                },
-                {
-                    time: '11:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '61',
-                    avgFlow: '40'
-                }
-            ]
-        }
+            title: '车头时距组件'
+        };
     },
-    methods: {
-    },
-    mounted() {
-
-    }
-}
+    methods: {},
+    mounted() {}
+};
 </script>
 <style scoped>
 .typeContent {
diff --git a/src/components/target/lineUpChart.vue b/src/components/target/lineUpChart.vue
index a0dc2990..c4038777 100644
--- a/src/components/target/lineUpChart.vue
+++ b/src/components/target/lineUpChart.vue
@@ -1,44 +1,34 @@
 <template>
-
     <div class="setion">
-        <p class="chartTitle"><span class="titleIcon"></span>  排队数组件</p>
+        <p class="chartTitle"><span class="titleIcon"></span> {{ title }}</p>
         <div class="typeContent">
-            <el-card style='width:150px;margin-bottom:20px;text-align:center'>
-                <div style="font-size:30px;font-weight:bold;">99</div>
-                    <div style="padding: 14px;">
-                        <span>数值</span>
-                        <div class="bottom clearfix">
+            <el-card style="width: 150px; margin-bottom: 20px; text-align: center">
+                <div style="font-size: 30px; font-weight: bold">99</div>
+                <div style="padding: 14px">
+                    <span>数值</span>
+                    <div class="bottom clearfix">
                         <time class="time">17:49</time>
                         <el-button type="text" class="button">操作按钮</el-button>
                     </div>
                 </div>
-
-
             </el-card>
-            <div v-if="pageType == '断面'" style=" margin-bottom: 20px;border: 1px solid #E4E7ED;">
-                <tableShow :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <tableShow :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+            <div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
+                <tableShow :msg="data" :type="triggerType" />
             </div>
             <div v-if="pageType == '区域'">
-                <regionTable :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <regionTable :msg="periodicTime" :type="triggerType" v-if="triggerType == '周期时刻'" />
-                <regionTable :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+                <regionTable :msg="data" :type="triggerType" />
             </div>
             <div class="border">
-                <detailDialog :msg="tableData" />
-                <lineChart :list="tableData" v-if="triggerType == '触发'"></lineChart>
-                <lineChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <lineChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
-            </div>
-            <div class="border">
-                <detailDialog :msg="tableData" />
-                <avgChart :list="tableData" v-if="triggerType == '触发'" />
-                <avgChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <avgChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <detailDialog />
+                <lineChart :pageType="pageType" :list="data" :status="triggerType" :title="title"></lineChart>
+
+                <div class="border">
+                    <detailDialog />
+                    <avgChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
+                </div>
             </div>
         </div>
     </div>
-
 </template>
 
 <script>
@@ -48,128 +38,36 @@ import tableShow from '../chart/tableShow.vue';
 import detailDialog from '../chart/detailDialog.vue';
 import thermalChart from '../chart/thermalChart.vue';
 import regionTable from '../chart/regionTable.vue';
-import avgChart from '../chart/avgChart.vue'
+import avgChart from '../chart/avgChart.vue';
 export default {
-name: 'lineUpChart', //排队数组件
-components: {
-    lineChart,
-    barChart,
-    tableShow,
-    detailDialog,
-    thermalChart,
-    regionTable,
-    avgChart
-},
-props: ['pageType', 'triggerType'],
-data() {
-    return {
-        tableData: [
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:35.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:70.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                }
-            ],
-        periodicTime: [
-            {
-                time: '17:00',
-                type: '货车',
-                lane: '西城车道',
-                lineUp: '200',
-                check: '300',
-                ownStatus: '空',
-                speed: '50',
-                CongestionStatus: '拥堵'
-            },
-            {
-                time: '22:00',
-                type: '货车',
-                lane: '西城车道',
-                lineUp: '200',
-                check: '300',
-                ownStatus: '空',
-                speed: '30',
-                CongestionStatus: '拥堵'
-            },
-            {
-                time: '24:00',
-                type: '货车',
-                lane: '西城车道',
-                lineUp: '200',
-                check: '300',
-                ownStatus: '空',
-                speed: '80',
-                CongestionStatus: '拥堵'
-            }
-        ],
-        periodicStatistic: [
-            {
-                time: '9:40',
-                type: '小汽车',
-                event: 'out',
-                lane: '西北大道',
-                speed: '60',
-                avgFlow: '200'
-            },
-            {
-                time: '10:40',
-                type: '小汽车',
-                event: 'out',
-                lane: '西北大道',
-                speed: '55',
-                avgFlow: '50'
-            },
-            {
-                time: '11:40',
-                type: '小汽车',
-                event: 'out',
-                lane: '西北大道',
-                speed: '61',
-                avgFlow: '40'
-            }
-        ]
-    };
-},
-methods: {},
-mounted() {}
+    name: 'lineUpChart', //排队数组件
+    components: {
+        lineChart,
+        barChart,
+        tableShow,
+        detailDialog,
+        thermalChart,
+        regionTable,
+        avgChart
+    },
+    props: ['pageType', 'triggerType', 'data'],
+    data() {
+        return {
+            title: '排队数组件'
+        };
+    },
+    methods: {},
+    mounted() {}
 };
 </script>
 <style scoped>
 .typeContent {
-box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 .border {
-width: 100%;
-margin-bottom: 20px;
-position: relative;
+    width: 100%;
+    margin-bottom: 20px;
+    position: relative;
 }
 </style>
\ No newline at end of file
diff --git a/src/components/target/speedChart.vue b/src/components/target/speedChart.vue
index efc75a7d..9d25154e 100644
--- a/src/components/target/speedChart.vue
+++ b/src/components/target/speedChart.vue
@@ -1,40 +1,31 @@
 <template>
     <!-- 触发类型 -->
     <div class="setion">
-        <p class="chartTitle"><span class="titleIcon"></span>  速度组件</p>
+        <p class="chartTitle"><span class="titleIcon"></span> {{ title }}</p>
         <div class="typeContent">
-            <el-card style='width:150px;margin-bottom:20px;text-align:center'>
-                <div style="font-size:30px;font-weight:bold;">99</div>
-                    <div style="padding: 14px;">
-                        <span>数值</span>
-                        <div class="bottom clearfix">
+            <el-card style="width: 150px; margin-bottom: 20px; text-align: center">
+                <div style="font-size: 30px; font-weight: bold">99</div>
+                <div style="padding: 14px">
+                    <span>数值</span>
+                    <div class="bottom clearfix">
                         <time class="time">17:49</time>
                         <el-button type="text" class="button">操作按钮</el-button>
                     </div>
                 </div>
-
-
             </el-card>
-            <div v-if="pageType == '断面'" style=" margin-bottom: 20px;border: 1px solid #E4E7ED;">
-                <tableShow :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <tableShow :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+            <div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
+                <tableShow :msg="data" :type="triggerType" />
             </div>
             <div v-if="pageType == '区域'">
-                <regionTable :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <regionTable :msg="periodicTime" :type="triggerType" v-if="triggerType == '周期时刻'" />
-                <regionTable :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+                <regionTable :msg="data" :type="triggerType" />
             </div>
             <div class="border">
                 <detailDialog />
-                <lineChart :list="tableData" v-if="triggerType == '触发'" />
-                <lineChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <lineChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <lineChart :title="title" :pageType="pageType" :list="data" :status="triggerType" />
             </div>
             <div class="border">
                 <detailDialog />
-                <avgChart :list="tableData" v-if="triggerType == '触发'" />
-                <avgChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <avgChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <avgChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
             </div>
         </div>
     </div>
@@ -43,14 +34,15 @@
 <script>
 import lineChart from '../chart/lineChart.vue';
 import barChart from '../chart/barChart.vue';
-import thermalChart from '../chart/thermalChart.vue'
+import thermalChart from '../chart/thermalChart.vue';
 import tableShow from '../chart/tableShow.vue';
 import detailDialog from '../chart/detailDialog.vue';
 import regionTable from '../chart/regionTable.vue';
-import avgChart from '../chart/avgChart.vue'
+import avgChart from '../chart/avgChart.vue';
 export default {
     name: 'speedChart', //速度组件
-    props: ['pageType', 'triggerType'],
+    props: ['pageType', 'triggerType', 'data'],
+    // pagetype:断面 || 区域  triggerType 触发||周期时刻||周期统计
     components: {
         lineChart,
         barChart,
@@ -62,126 +54,70 @@ export default {
     },
     data() {
         return {
+            title: '速度组件',
             tableData: [
                 {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:35.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 35.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 6.5
                 },
                 {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:70.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 70.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 6.5
                 },
                 {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 60.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 6.5
                 },
                 {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 60.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 6.5
                 },
                 {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                
-
-            ],
-            // triggerType: '周期统计',
-            periodicTime: [
-                {
-                    time: '17:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '50',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '22:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '30',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '24:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '80',
-                    CongestionStatus: '拥堵'
-                }
-            ],
-            periodicStatistic: [
-                {
-                    time: '9:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '60',
-                    avgFlow: '200'
-                },
-                {
-                    time: '10:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '55',
-                    avgFlow: '50'
-                },
-                {
-                    time: '11:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '61',
-                    avgFlow: '40'
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 60.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 6.5
                 }
             ]
+            // triggerType: '周期统计',
         };
     },
+    created() {
+        // console.log(this.data);
+    },
     methods: {},
     mounted() {}
 };
diff --git a/src/components/target/typeChart.vue b/src/components/target/typeChart.vue
index 25dc73c8..2afd8aeb 100644
--- a/src/components/target/typeChart.vue
+++ b/src/components/target/typeChart.vue
@@ -1,44 +1,35 @@
 <template>
     <!-- 触发类型 -->
     <div class="setion">
-        <p class="chartTitle"><span class="titleIcon"></span>  类型组件</p>
+        <p class="chartTitle"><span class="titleIcon"></span> {{ title }}</p>
         <div class="typeContent">
-            <el-card style='width:150px;margin-bottom:20px;text-align:center'>
-                <div style="font-size:30px;font-weight:bold;">99</div>
-                    <div style="padding: 14px;">
-                        <span>数值</span>
-                        <div class="bottom clearfix">
+            <el-card style="width: 150px; margin-bottom: 20px; text-align: center">
+                <div style="font-size: 30px; font-weight: bold">99</div>
+                <div style="padding: 14px">
+                    <span>数值</span>
+                    <div class="bottom clearfix">
                         <time class="time">17:49</time>
                         <el-button type="text" class="button">操作按钮</el-button>
                     </div>
                 </div>
-
-
             </el-card>
-            <div v-if="pageType == '断面'" style=" margin-bottom: 20px;border: 1px solid #E4E7ED;">
-                <tableShow :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <tableShow :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+            <div v-if="pageType == '断面'" style="margin-bottom: 20px; border: 1px solid #e4e7ed">
+                <tableShow :msg="data" :type="triggerType" />
             </div>
             <div v-if="pageType == '区域'">
-                <regionTable :msg="tableData" :type="triggerType" v-if="triggerType == '触发'" />
-                <regionTable :msg="periodicTime" :type="triggerType" v-if="triggerType == '周期时刻'" />
-                <regionTable :msg="periodicStatistic" :type="triggerType" v-if="triggerType == '周期统计'" />
+                <regionTable :msg="data" :type="triggerType" />
             </div>
             <div class="border">
                 <detailDialog />
-                <lineChart :list="tableData" v-if="triggerType == '触发'" />
-                <lineChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <lineChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <lineChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
             </div>
             <div class="border">
                 <detailDialog />
-                <barChart :list="tableData" v-if="triggerType == '触发'" />
-                <barChart :list="periodicTime" v-if="triggerType == '周期时刻'" />
-                <barChart :list="periodicStatistic" v-if="triggerType == '周期统计'" />
+                <barChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
             </div>
             <div class="border">
-                <detailDialog :msg="tableData"/>
-                <pieChart />
+                <detailDialog />
+                <pieChart :pageType="pageType" :list="data" :status="triggerType" :title="title" />
             </div>
         </div>
     </div>
@@ -48,138 +39,23 @@
 import lineChart from '../chart/lineChart.vue';
 import barChart from '../chart/barChart.vue';
 import tableShow from '../chart/tableShow.vue';
-import pieChart from '../chart/pieChart.vue'
+import pieChart from '../chart/pieChart.vue';
 import detailDialog from '../chart/detailDialog.vue';
 import regionTable from '../chart/regionTable.vue';
 export default {
     name: 'typeChart', //类型组件
-    props: ['pageType', 'triggerType'],
+    props: ['pageType', 'triggerType', 'data'],
     components: {
         lineChart,
         barChart,
         tableShow,
         detailDialog,
         regionTable,
-        pieChart,
+        pieChart
     },
     data() {
         return {
-            tableData: [{
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:35.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:70.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                {
-                    steam_id:0,
-                    timestamp:'2022-10-01 09:15:10.156',
-                    obj_id:125,
-                    type:'car',
-                    plate:'苏A0131M',
-                    speed:60.2,
-                    event:'in',
-                    lane:0,
-                    headWay:6.5,
-                },
-                
-            ],
-            // triggerType: '周期统计',
-            periodicTime: [
-                {
-                    time: '17:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '50',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '22:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '30',
-                    CongestionStatus: '拥堵'
-                },
-                {
-                    time: '24:00',
-                    type: '货车',
-                    lane: '西城车道',
-                    lineUp: '200',
-                    check: '300',
-                    ownStatus: '空',
-                    speed: '80',
-                    CongestionStatus: '拥堵'
-                }
-            ],
-            periodicStatistic: [
-                {
-                    time: '9:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '60',
-                    avgFlow: '200'
-                },
-                {
-                    time: '10:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '55',
-                    avgFlow: '50'
-                },
-                {
-                    time: '11:40',
-                    type: '小汽车',
-                    event: 'out',
-                    lane: '西北大道',
-                    speed: '61',
-                    avgFlow: '40'
-                }
-            ]
+            title: '类型组件'
         };
     },
     methods: {},
diff --git a/src/views/bounced/dataBoard.vue b/src/views/bounced/dataBoard.vue
index 4f07728b..38129a08 100644
--- a/src/views/bounced/dataBoard.vue
+++ b/src/views/bounced/dataBoard.vue
@@ -10,19 +10,15 @@
                             <p class="board-title">
                                 <span>{{ title1 }}</span>
                             </p>
-                            <span class="downPull" :class="count2==true?'upActive':'active'"  @click="sectionHandle()" ></span>
+                            <span class="downPull" :class="count2 == true ? 'upActive' : 'active'" @click="sectionHandle()"></span>
                         </div>
-                        <typeChart :pageType="'断面'" triggerType="触发"/>
-                        <speedChart :pageType="'断面'" triggerType="触发" />
-                        <flowChart :pageType="'断面'" triggerType="触发" />
-                        <congestionChart :pageType="'断面'" triggerType="触发" />
-                        <lineUpChart :pageType="'断面'" triggerType="周期统计" />
-                        <delayChart :pageType="'断面'" triggerType="周期统计" />
-                        <checkChart :pageType="'断面'" triggerType="周期统计" />
+
+                        <headWayChart :pageType="'断面'" triggerType="触发" :data="tableData" />
+                        <typeChart :pageType="'断面'" triggerType="触发" :data="tableData" />
+                        <speedChart :pageType="'断面'" triggerType="触发" :data="tableData" />
+                        <flowChart :pageType="'断面'" triggerType="周期统计" :data="sectionList" />
                     </div>
                 </div>
-
-                
             </div>
 
             <!-- 区域 -->
@@ -33,17 +29,17 @@
                             <p class="board-title">
                                 <span>{{ title2 }}</span>
                             </p>
-                            <span class="downPull" :class="count1==true?'upActive':'active'" @click="regionHandle()"></span>
+                            <span class="downPull" :class="count1 == true ? 'upActive' : 'active'" @click="regionHandle()"></span>
                         </div>
-                        <OD pageType="区域" triggerType="触发"/>
-                        <speedChart pageType="区域" triggerType="触发" />
-                        <flowChart pageType="区域" triggerType="周期统计" />
-                        
-                        <lineUpChart pageType="区域" triggerType="触发" />
-                        <checkChart pageType="区域" triggerType="周期时刻" />
-                        <delayChart pageType="区域" triggerType="周期统计" />
-                        <congestionChart pageType="区域" triggerType="周期统计" />
-                        <headWayChart pageType="区域" triggerType="周期统计" />
+                        <OD pageType="区域" triggerType="触发" :data="tableData" />
+                        <speedChart pageType="区域" triggerType="触发" :data="tableData" />
+                        <flowChart pageType="区域" triggerType="周期统计" :data="regionList2" />
+
+                        <lineUpChart pageType="区域" triggerType="触发" :data="tableData" />
+                        <checkChart pageType="区域" triggerType="周期时刻" :data="regionList1" />
+                        <delayChart pageType="区域" triggerType="周期统计" :data="regionList2" />
+                        <congestionChart pageType="区域" triggerType="周期统计" :data="regionList2" />
+                        <headWayChart pageType="区域" triggerType="周期统计" :data="regionList2" />
                     </div>
                 </div>
             </div>
@@ -61,8 +57,8 @@ import headWayChart from '../../components/target/headWayChart.vue';
 import checkChart from '../../components/target/checkChart.vue';
 import lineUpChart from '../../components/target/lineUpChart.vue';
 import congestionChart from '../../components/target/congestionChart.vue';
-import typeChart from '../../components/target/typeChart.vue'
-import OD from '../../components/target/OD.vue'
+import typeChart from '../../components/target/typeChart.vue';
+import OD from '../../components/target/OD.vue';
 export default {
     components: {
         delayChart,
@@ -85,6 +81,184 @@ export default {
             title1: '01断面',
             title2: '01区域',
             dialogVisible: false,
+            // 触发数据断面与区域相同
+            tableData: [
+                {
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 35.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 19
+                },
+                {
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 70.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 6.5
+                },
+                {
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 60.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 10.5
+                },
+                {
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 60.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 2.5
+                },
+                {
+                    steam_id: 0,
+                    timestamp: '2022-10-01 09:15:10.156',
+                    obj_id: 125,
+                    type: 'car',
+                    plate: '苏A0131M',
+                    speed: 60.2,
+                    event: 'in',
+                    lane: 0,
+                    headWay: 11.5
+                }
+            ],
+
+            // 断面的周期统计
+            sectionList: [
+                {
+                    steam_id: '0',
+                    gate_id: 'Gate_1',
+                    name: '西进口',
+                    timestamp: '2022-10-1',
+                    interval: '53',
+                    type: 'truck',
+                    in_flow: 90,
+                    out_flow: 120,
+                    flow: 210,
+                    in_spd: 20.1,
+                    out_spd: 30.6,
+                    speed: 30
+                },
+                {
+                    steam_id: '0',
+                    gate_id: 'Gate_1',
+                    name: '西进口',
+                    timestamp: '2022-10-1',
+                    interval: '53',
+                    type: 'truck',
+                    in_flow: 90,
+                    out_flow: 120,
+                    flow: 210,
+                    in_spd: 20.1,
+                    out_spd: 30.6,
+                    speed: 40
+                },
+                {
+                    steam_id: '0',
+                    gate_id: 'Gate_1',
+                    name: '西进口',
+                    timestamp: '2022-10-1',
+                    interval: '53',
+                    type: 'truck',
+                    in_flow: 90,
+                    out_flow: 120,
+                    flow: 210,
+                    in_spd: 20.1,
+                    out_spd: 30.6,
+                    speed: 50
+                },
+                {
+                    steam_id: '0',
+                    gate_id: 'Gate_1',
+                    name: '西进口',
+                    timestamp: '2022-10-1',
+                    interval: '53',
+                    type: 'truck',
+                    in_flow: 90,
+                    out_flow: 120,
+                    flow: 210,
+                    in_spd: 20.1,
+                    out_spd: 30.6,
+                    speed: 77
+                }
+            ],
+            // 区域的周期时刻
+            regionList1: [
+                {
+                    zone_id: '0',
+                    gate_id: 'Zone_1',
+                    name: '西进口左1',
+                    timestamp: '2022-10-1',
+                    frame: 1000,
+                    type: 'car',
+                    n_stay: 3,
+                    n_queue: 2,
+                    occ: 1,
+                    speed: 2.6
+                }
+            ],
+            // 区域的周期统计
+            regionList2: [
+                {
+                    zone_id: '0',
+                    gate_id: 'Zone_1',
+                    name: '西进口左1',
+                    timestamp: '2022-10-1',
+                    type: 'car',
+                    enter_flow: 1,
+                    leave_flow: 3,
+                    ave_stay: 3.2,
+                    ave_queue: 2.9,
+                    ave_occ: 0.56,
+                    ave_delay: 16.7,
+                    ave_speed: 2.6
+                },
+                {
+                    zone_id: '0',
+                    gate_id: 'Zone_1',
+                    name: '西进口左1',
+                    timestamp: '2022-10-1',
+                    type: 'car',
+                    enter_flow: 1,
+                    leave_flow: 3,
+                    ave_stay: 3.2,
+                    ave_queue: 2.9,
+                    ave_occ: 0.56,
+                    ave_delay: 16.7,
+                    ave_speed: 2.6
+                },
+                {
+                    zone_id: '0',
+                    gate_id: 'Zone_1',
+                    name: '西进口左1',
+                    timestamp: '2022-10-1',
+                    type: 'car',
+                    enter_flow: 1,
+                    leave_flow: 3,
+                    ave_stay: 3.2,
+                    ave_queue: 2.9,
+                    ave_occ: 0.56,
+                    ave_delay: 16.7,
+                    ave_speed: 2.6
+                }
+            ],
 
             // sectionShow: false,
             // regionShow: false,
@@ -190,7 +364,6 @@ export default {
     background-image: url(../../assets/img/downpull.png);
     width: 14px;
     height: 9px;
-    
 }
 
 .upActive {
@@ -198,7 +371,7 @@ export default {
     transition: all 0.5s linear;
     /* transform-origin: 7px 7px; */
 }
-.active{
-  transition:  all .5s linear;
+.active {
+    transition: all 0.5s linear;
 }
 </style>
\ No newline at end of file

From 694b79ecc29fb133aae258341d5a8fddc0e1415c Mon Sep 17 00:00:00 2001
From: huajimang <782841784@qq.com>
Date: Fri, 13 Jan 2023 17:27:00 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../babel-loader/34c81c881eecd4dea881c21a8550f1ee.json   | 2 +-
 .../babel-loader/416592def4d75bdc4425389f79542155.json   | 2 +-
 .../babel-loader/bc81df238bb3d88b2525f7e47a7080b5.json   | 2 +-
 .../babel-loader/c68407018c895d09a6f7c25417def60b.json   | 2 +-
 .../vue-loader/234b3e2060fca31d746d8702983c86ad.json     | 2 +-
 .../vue-loader/33c323b549383552a0b572c8c981b55b.json     | 2 +-
 .../vue-loader/3b9c80a44388e0b776cbdf2e1b587b0f.json     | 2 +-
 .../vue-loader/3d0a2c1387bac21e30b6ca30e73d6d81.json     | 2 +-
 .../vue-loader/99b9c8f4987602d48d938b4215615f7a.json     | 2 +-
 .../vue-loader/a9490cc6b8de8e35e92e7b24b8893eed.json     | 2 +-
 .../vue-loader/aab125e900f3e2da422b690a2b741bda.json     | 2 +-
 .../vue-loader/ab853e9937aad90782d113e164056561.json     | 2 +-
 .../vue-loader/aea17c465c37c4ba8e9c5ad2a4354965.json     | 2 +-
 .../vue-loader/b068ca9fc976956cf86ab1ab501d64d9.json     | 2 +-
 .../vue-loader/df750507470d930b6c6de7cf2d70a5aa.json     | 2 +-
 .../vue-loader/ee5e8a15d2207d52c2ba3792ba347b2d.json     | 2 +-
 .../vue-loader/f43ae9d7d323a1d3b8f56d174745f16c.json     | 2 +-
 src/views/bounced/analysisConfiguration.vue              | 9 +++++++++
 src/views/index.vue                                      | 2 +-
 19 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/node_modules/.cache/babel-loader/34c81c881eecd4dea881c21a8550f1ee.json b/node_modules/.cache/babel-loader/34c81c881eecd4dea881c21a8550f1ee.json
index 1438336f..ae7953a1 100644
--- a/node_modules/.cache/babel-loader/34c81c881eecd4dea881c21a8550f1ee.json
+++ b/node_modules/.cache/babel-loader/34c81c881eecd4dea881c21a8550f1ee.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673575849760},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.typed.uint8-array\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// import mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport { getComponentData, getSectionalData } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios'; // mqtt\n// import mqttHandle from \"../../../utils/mqttHandle\";\n\nimport mqttConfig from \"@/utils/mqttConfig.js\";\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client; // var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\n\nexport default {\n  data: function data() {\n    return {\n      receiveNews: \"\",\n      topicSends: ['img0', 'stream0', 'trajectory0', 'detection0'],\n      trajectory: false,\n      //轨迹\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      component: false,\n      sectionals: [],\n      activeName: 'first',\n      VideoId: '',\n      title: '断面',\n      componentTitle: '速度',\n      form: {\n        name: '',\n        type: '',\n        id: '',\n        coordinate: '',\n        Direction: '正向',\n        StoppingSpeed: '5'\n      },\n      //初始图形名称\n      startFigureName: '',\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      timeSelect: [{\n        label: '秒',\n        value: '秒'\n      }, {\n        label: '分钟',\n        value: '分钟'\n      }, {\n        label: '小时',\n        value: '小时'\n      }, {\n        label: '天',\n        value: '天'\n      }],\n      componentForm: {\n        //单位\n        company: \"秒\",\n        componentName: \"\",\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\n        //周期间隔\n        cycleInterval: \"\",\n        startSectionIds: \"\",\n        startSectionNames: \"\",\n        endSectionIds: \"\",\n        endSectionNames: \"\",\n        endValue: \"\",\n        //展现形式\n        presentationForm: \"\",\n        presentation: [],\n        startValue: \"\",\n        timeMode: \"触发\",\n        type: \"\",\n        startSection: [],\n        endSection: [],\n        componentType: \"\",\n        typeFiltering: ''\n      },\n      typeData: [\"小汽车\", \"公交车\", \"卡车\", \"非机动车\", \"行人\"],\n      //展现形式\n      presentation: ['数值', '表格', '时间曲线图', '均值图'],\n      trackForm: {\n        name: \"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      number: '',\n      componentId: '' //   carInfo: [], //小车信息\n      //   carName: '',\n      //   palletizerInfo: [], //码垛机信息\n      //   palletizerName: '',\n      //   destackerInfo: [], //拆垛机信息\n      //   destackerName: '',\n      //   hoistInfo: [], //提升机信息’\n      //   hoistName: '',\n      //   battaryStationInfo: [],//快换电池装置\n      //   battaryStationName: \"\",\n      //   conveyorInfo: [], //输送机信息\n      //   conveyorName: \"\",\n\n    };\n  },\n  mounted: function mounted() {\n    window.getFigure = this.getFigureD;\n    window.getModifyTheName = this.getModifyTheNameN; // window.getModifyTheName = this.getModifyTheNameN;\n\n    window.getSingleComponentId = this.getSingleComponentIdN;\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\n    window.OnScene = this.OnSceneN;\n    this.getAllSectionalData(this.$route.query.id);\n    this.VideoId = this.$route.query.id;\n    this.number = this.$route.query.num; //   this.getSingleComponentIdN()\n  },\n  //离开当前页面后执行\n  destroyed: function destroyed() {\n    console.log(\"离开当前页\");\n    client.publish('msg_stream', JSON.stringify({\n      \"msg_flag\": -1\n    }));\n  },\n  created: function created() {\n    // this.testMqtt()\n    this.componentForm.company = this.timeSelect[0].value;\n    this.createMqtt();\n  },\n  methods: {\n    /** 创建mqtt */\n    createMqtt: function createMqtt() {\n      var _this = this;\n\n      //创建链接，接收数据\n      mqtt = new mqttConfig(this.topicSends);\n      client = mqtt.createConnect();\n      client.subscribe(['img' + this.number, 'stream' + this.number, 'trajectory' + this.number, 'detection' + this.number], {\n        qos: 0\n      }, function (err) {\n        if (!err) {\n          console.log(\"订阅成功\");\n          client.publish('msg_stream', JSON.stringify({\n            \"msg_flag\": parseInt(_this.number)\n          }));\n        } else {\n          console.log('消息订阅失败！');\n        }\n      });\n      client.on(\"message\", function (topic, message) {\n        //数据分类\n        try {\n          //   this.receiveNews = this.receiveNews.concat(message);\n          //   this.realInfo(topic, this.receiveNews);\n          _this.realInfo(topic, message);\n        } catch (error) {}\n      });\n    },\n    //停止订阅mqtt\n    disConnect: function disConnect() {\n      if (client != null) {\n        client.unsubscribe(this.topicSends);\n        client = null;\n      }\n    },\n\n    /** 实时数据分类 */\n    realInfo: function realInfo(topic, message) {\n      switch (topic) {\n        // 接收托片\n        case \"img0\":\n        case \"img1\":\n        case \"img2\":\n          try {\n            var utf8decoder = new TextDecoder();\n            var u8arr = new Uint8Array(message);\n            var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n            var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n            document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg));\n          } catch (error) {}\n\n          break;\n        // 树结构\n\n        case \"stream0\":\n        case \"stream1\":\n        case \"stream2\":\n          try {\n            var utf8decoder1 = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = utf8decoder1.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg));\n          } catch (error) {}\n\n          break;\n        // 控制台输出\n\n        case \"trajectory0\":\n        case \"trajectory1\":\n        case \"trajectory2\":\n        case \"trajectory3\":\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message); //    console.log(\"message11\",message)\n\n\n            var _temp2 = _utf8decoder.decode(_u8arr2); // 将二进制数据转为字符串\n            //   console.log(\"temp11\",temp)\n\n\n            var _msg2 = JSON.parse(_temp2); //  console.log(\"msg11\",msg)\n\n\n            document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(_msg2));\n          } catch (error) {}\n\n          break;\n        // 触发\n\n        case \"detection0\":\n        case \"detection1\":\n        case \"detection2\":\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message); //   console.log(\"message\",message)\n\n\n            var _temp3 = _utf8decoder2.decode(_u8arr3); // 将二进制数据转为字符串\n            //   console.log(\"temp\",temp)\n\n\n            var detId = [];\n            var msgN = JSON.parse(_temp3);\n\n            if (_temp3.length != 0) {\n              for (var i = 0; i < msgN.length; i++) {\n                detId.push(msgN[i].det_id);\n              } // console.log(\"detId\",detId)\n              //   const msg = detId\n              //   console.log(\"msg\",msg)\n\n\n              document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId)); // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\n            }\n          } catch (error) {}\n\n          break;\n      }\n\n      this.receiveNews = \"\";\n    },\n    // handleClick(tab, event) {\n    //     console.log(tab, event);\n    //   },\n    //初始化unity\n    OnSceneN: function OnSceneN() {\n      document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id));\n    },\n    // //新增组件根据组件id获取单个组件数据\n    getSingleComponentIdN: function getSingleComponentIdN(id, type, name) {\n      var _this2 = this;\n\n      console.log(\"id\", id);\n      console.log(\"type\", type);\n      console.log(\"name\", name);\n      this.componentId = id;\n      this.componentForm.componentType = type;\n      this.componentTitle = type;\n      getComponentData({\n        AnalogAreaComponentId: id\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          console.log(\"res\", res.data.data);\n          _this2.component = true;\n\n          if (res.data.data.company != '') {\n            _this2.componentForm.company = res.data.data.company;\n          }\n\n          if (res.data.data.timeMode != '') {\n            _this2.componentForm.timeMode = res.data.data.timeMode;\n          }\n\n          _this2.componentForm.componentName = res.data.data.componentName + '-' + type;\n          _this2.componentForm.componentParameterId = res.data.data.componentParameterId;\n          _this2.componentForm.cycleInterval = res.data.data.cycleInterval;\n          _this2.componentForm.startSectionIds = res.data.data.startSectionIds;\n          _this2.componentForm.startSectionNames = res.data.data.startSectionNames;\n          _this2.componentForm.endSectionIds = res.data.data.endSectionIds;\n          _this2.componentForm.endSectionNames = res.data.data.endSectionNames;\n          _this2.componentForm.endValue = res.data.data.endValue;\n          _this2.componentForm.startValue = res.data.data.startValue;\n          _this2.componentForm.presentationForm = res.data.data.presentationForm;\n          _this2.componentForm.type = res.data.data.type;\n\n          if (res.data.data.startSectionIds != '') {\n            console.log(\"startSectionIds\", res.data.data.startSectionIds);\n            var startSectionIdArr = [];\n            var startSectionArr = [];\n            startSectionIdArr = res.data.data.startSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"startSectionIdArr\", startSectionIdArr);\n            startSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  startSectionArr.push(items.graphicName);\n                  _this2.componentForm.startSection = startSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.endSectionIds != '') {\n            console.log(\"endSectionIds\", res.data.data.endSectionIds);\n            var endSectionIdArr = [];\n            var endSectionArr = [];\n            endSectionIdArr = res.data.data.endSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"endSectionIdArr\", endSectionIdArr);\n            endSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  endSectionArr.push(items.graphicName);\n                  _this2.componentForm.endSection = endSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.presentationForm != '') {\n            var presentationN = [];\n            presentationN = res.data.data.presentationForm.split(',');\n            _this2.componentForm.presentation = presentationN;\n          }\n        }\n      });\n    },\n    //修改模拟区组件、图形\n    getSimulationAreaEdit: function getSimulationAreaEdit(id, type, componentType, name) {\n      var _this3 = this;\n\n      if (type == '图形') {\n        this.form.id = id;\n        this.form.name = name;\n        this.form.type = componentType;\n        this.startFigureName = name;\n\n        if (this.form.type == '轨迹') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '区域') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '断面') {\n          this.dialogFormVisible = true;\n        }\n      } else if (type == '组件') {\n        this.componentId = id;\n        this.componentForm.componentType = componentType;\n        this.componentTitle = componentType;\n        getComponentData({\n          AnalogAreaComponentId: id\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            console.log(\"res\", res.data.data);\n            _this3.component = true;\n\n            if (res.data.data.company != '') {\n              _this3.componentForm.company = res.data.data.company;\n            }\n\n            if (res.data.data.timeMode != '') {\n              _this3.componentForm.timeMode = res.data.data.timeMode;\n            }\n\n            _this3.componentForm.componentName = res.data.data.componentName + '-' + type;\n            _this3.componentForm.componentParameterId = res.data.data.componentParameterId;\n            _this3.componentForm.cycleInterval = res.data.data.cycleInterval;\n            _this3.componentForm.startSectionIds = res.data.data.startSectionIds;\n            _this3.componentForm.startSectionNames = res.data.data.startSectionNames;\n            _this3.componentForm.endSectionIds = res.data.data.endSectionIds;\n            _this3.componentForm.endSectionNames = res.data.data.endSectionNames;\n            _this3.componentForm.endValue = res.data.data.endValue;\n            _this3.componentForm.startValue = res.data.data.startValue;\n            _this3.componentForm.presentationForm = res.data.data.presentationForm;\n            _this3.componentForm.type = res.data.data.type;\n\n            if (res.data.data.startSectionIds != '') {\n              console.log(\"startSectionIds\", res.data.data.startSectionIds);\n              var startSectionIdArr = [];\n              var startSectionArr = [];\n              startSectionIdArr = res.data.data.startSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"startSectionIdArr\", startSectionIdArr);\n              startSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    startSectionArr.push(items.graphicName);\n                    _this3.componentForm.startSection = startSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.endSectionIds != '') {\n              console.log(\"endSectionIds\", res.data.data.endSectionIds);\n              var endSectionIdArr = [];\n              var endSectionArr = [];\n              endSectionIdArr = res.data.data.endSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"endSectionIdArr\", endSectionIdArr);\n              endSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    endSectionArr.push(items.graphicName);\n                    _this3.componentForm.endSection = endSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.presentationForm != '') {\n              var presentationN = [];\n              presentationN = res.data.data.presentationForm.split(',');\n              _this3.componentForm.presentation = presentationN;\n            }\n          }\n        });\n      }\n    },\n    //获取所有断面数据\n    getAllSectionalData: function getAllSectionalData(VideoId) {\n      var _this4 = this;\n\n      getSectionalData({\n        VideoId: VideoId\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.sectionals = res.data.data;\n        }\n      });\n    },\n    figureType: function figureType(type) {\n      if (type == 'Move') {\n        type = '轨迹';\n      } else if (type == 'Poly') {\n        type = '区域';\n      } else if (type == 'Line') {\n        type = '断面';\n      }\n\n      return type;\n    },\n    getFigureD: function getFigureD(item, index, indexNew) {\n      console.log(\"图形类型\", item);\n      console.log(\"初始图形名称\", index);\n      this.startFigureName = index;\n      console.log(\"图形位置\", indexNew);\n      this.dialogFormVisible = true;\n      this.form.name = index;\n      this.form.type = this.figureType(item);\n      this.form.coordinate = indexNew;\n      this.form.id = '';\n      this.title = this.figureType(item);\n    },\n    //双击图形修改图形名称弹框\n    getModifyTheNameN: function getModifyTheNameN(data) {\n      console.log(\"data\", data);\n      var arr = [];\n      arr = data.split(',');\n      console.log(\"arr\", arr);\n      this.form.id = arr[0];\n      this.form.name = arr[1];\n      this.form.type = arr[2];\n      this.startFigureName = arr[1];\n\n      if (this.form.type == '轨迹') {\n        // this.open2()\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '区域') {\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '断面') {\n        this.dialogFormVisible = true;\n      }\n    },\n    //新增、编辑图形确认按钮\n    onSubmit: function onSubmit(form) {\n      var _this5 = this;\n\n      console.log(\"form\", form); //新增\n\n      if (form.id == '') {\n        var formData = new FormData();\n\n        if (form.type == '断面') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId);\n          formData.append(\"Direction\", form.Direction);\n        } else if (form.type == '区域') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n          // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\n        } else {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.addFigure,\n          data: formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      } else {\n        //编辑\n        var _formData = new FormData();\n\n        if (form.type == '断面') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n        } else if (form.type == '区域') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n\n          _formData.append(\"StoppingSpeed\", form.StoppingSpeed);\n        } else {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type); // formData.append(\"Direction\",form.Direction);\n\n\n          _formData.append(\"GraphicId\", form.id);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.editFigure,\n          data: _formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            console.log(\"startFigureName\", _this5.startFigureName); // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      }\n    },\n    //新增编辑组件取消\n    onSubmitComponent: function onSubmitComponent(componentForm) {\n      var _this6 = this;\n\n      this.component = false;\n      var formData = new FormData();\n\n      if (componentForm.componentType == 'OD') {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"startSectionIds\", componentForm.startSectionIds);\n        formData.append(\"startSectionNames\", componentForm.startSectionNames);\n        formData.append(\"endSectionIds\", componentForm.endSectionIds);\n        formData.append(\"endSectionNames\", componentForm.endSectionNames);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", '矩阵图');\n        formData.append(\"type\", componentForm.type);\n      } else {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", componentForm.presentationForm);\n        formData.append(\"type\", componentForm.type);\n      }\n\n      axios({\n        method: \"post\",\n        url: serverUrl.editComponent,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n          document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(_this6.componentId + ',' + componentForm.componentName));\n          _this6.dialogFormVisible = false;\n        } else {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //新增编辑组件取消\n    closeComponent: function closeComponent(componentForm) {\n      this.component = false;\n    },\n    //新增、编辑图形取消按钮\n    closeFigure: function closeFigure(form) {\n      console.log(\"form\", form);\n\n      if (form.id != '') {\n        this.dialogFormVisible = false; // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\n\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    closeComponentForm: function closeComponentForm() {\n      this.component = false;\n    },\n    closeForm: function closeForm(form) {\n      if (this.form.id != '') {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id)); //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    //改变起点\n    handleCheckedStartSection: function handleCheckedStartSection(value) {\n      var _this7 = this;\n\n      console.log(\"改变起点\", value);\n      var startSectionIdArr = [];\n      var startSectionNameArr = [];\n      value.forEach(function (item) {\n        _this7.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            startSectionIdArr.push(items.graphicId);\n            startSectionNameArr.push(items.graphicName);\n            var newStartSectionId = startSectionIdArr.join(\",\");\n            var newStartSectionName = startSectionNameArr.join(\",\");\n            _this7.componentForm.startSectionIds = newStartSectionId;\n            _this7.componentForm.startSectionNames = newStartSectionName;\n          }\n        });\n      });\n    },\n    //改变终点\n    handleCheckedendSection: function handleCheckedendSection(value) {\n      var _this8 = this;\n\n      console.log(\"改变终点\", value);\n      var endSectionIdArr = [];\n      var endSectionNameArr = [];\n      value.forEach(function (item) {\n        _this8.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            endSectionIdArr.push(items.graphicId);\n            endSectionNameArr.push(items.graphicName);\n            var newendSectionId = endSectionIdArr.join(\",\");\n            var newEndSectionName = endSectionNameArr.join(\",\");\n            console.log(\"newendSectionId\", newendSectionId);\n            console.log(\"newEndSectionName\", newEndSectionName);\n            _this8.componentForm.endSectionIds = newendSectionId;\n            _this8.componentForm.endSectionNames = newEndSectionName;\n          }\n        });\n      });\n    },\n    //修改展现形式\n    handlePresentation: function handlePresentation(value) {\n      console.log(\"展现形式\", value);\n      var presentation = value.join(\",\");\n      this.componentForm.presentationForm = presentation;\n      console.log(\"this.componentForm.presentationForm\", this.componentForm.presentationForm);\n    },\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this9 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this9.weatherItem = res.data.lives[0];\n        console.log(_this9.weatherItem, 'asdsads');\n      });\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n    window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673599864716},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.typed.uint8-array\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// import mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport { getComponentData, getSectionalData } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios'; // mqtt\n// import mqttHandle from \"../../../utils/mqttHandle\";\n\nimport mqttConfig from \"@/utils/mqttConfig.js\";\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client; // var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\n\nexport default {\n  data: function data() {\n    return {\n      receiveNews: \"\",\n      topicSends: ['img0', 'stream0', 'trajectory0', 'detection0'],\n      trajectory: false,\n      //轨迹\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      component: false,\n      sectionals: [],\n      activeName: 'first',\n      VideoId: '',\n      title: '断面',\n      componentTitle: '速度',\n      form: {\n        name: '',\n        type: '',\n        id: '',\n        coordinate: '',\n        Direction: '正向',\n        StoppingSpeed: '5'\n      },\n      //初始图形名称\n      startFigureName: '',\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      timeSelect: [{\n        label: '秒',\n        value: '秒'\n      }, {\n        label: '分钟',\n        value: '分钟'\n      }, {\n        label: '小时',\n        value: '小时'\n      }, {\n        label: '天',\n        value: '天'\n      }],\n      componentForm: {\n        //单位\n        company: \"秒\",\n        componentName: \"\",\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\n        //周期间隔\n        cycleInterval: \"\",\n        startSectionIds: \"\",\n        startSectionNames: \"\",\n        endSectionIds: \"\",\n        endSectionNames: \"\",\n        endValue: \"\",\n        //展现形式\n        presentationForm: \"\",\n        presentation: [],\n        startValue: \"\",\n        timeMode: \"触发\",\n        type: \"\",\n        startSection: [],\n        endSection: [],\n        componentType: \"\",\n        typeFiltering: ''\n      },\n      typeData: [\"小汽车\", \"公交车\", \"卡车\", \"非机动车\", \"行人\"],\n      //展现形式\n      presentation: ['数值', '表格', '时间曲线图', '均值图'],\n      trackForm: {\n        name: \"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      number: '',\n      componentId: '',\n      analysisConfigurationdata: '' //   carInfo: [], //小车信息\n      //   carName: '',\n      //   palletizerInfo: [], //码垛机信息\n      //   palletizerName: '',\n      //   destackerInfo: [], //拆垛机信息\n      //   destackerName: '',\n      //   hoistInfo: [], //提升机信息’\n      //   hoistName: '',\n      //   battaryStationInfo: [],//快换电池装置\n      //   battaryStationName: \"\",\n      //   conveyorInfo: [], //输送机信息\n      //   conveyorName: \"\",\n\n    };\n  },\n  mounted: function mounted() {\n    window.getFigure = this.getFigureD;\n    window.getModifyTheName = this.getModifyTheNameN; // window.getModifyTheName = this.getModifyTheNameN;\n\n    window.getSingleComponentId = this.getSingleComponentIdN;\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\n    window.OnScene = this.OnSceneN;\n    this.getAllSectionalData(this.$route.query.id);\n    this.VideoId = this.$route.query.id;\n    this.number = this.$route.query.num; //   this.getSingleComponentIdN()\n  },\n  //离开当前页面后执行\n  destroyed: function destroyed() {\n    console.log(\"离开当前页\");\n    client.publish('msg_stream', JSON.stringify({\n      \"msg_flag\": -1\n    }));\n    client.end();\n  },\n  created: function created() {\n    // this.testMqtt()\n    this.componentForm.company = this.timeSelect[0].value;\n    this.createMqtt();\n  },\n  methods: {\n    /** 创建mqtt */\n    createMqtt: function createMqtt() {\n      var _this = this;\n\n      //创建链接，接收数据\n      mqtt = new mqttConfig(this.topicSends);\n      client = mqtt.createConnect();\n      client.subscribe(['img' + this.number, 'stream' + this.number, 'trajectory' + this.number, 'detection' + this.number], {\n        qos: 0\n      }, function (err) {\n        if (!err) {\n          console.log(\"订阅成功\");\n          client.publish('msg_stream', JSON.stringify({\n            \"msg_flag\": parseInt(_this.number)\n          }));\n        } else {\n          console.log('消息订阅失败！');\n        }\n      });\n      client.on(\"message\", function (topic, message) {\n        //数据分类\n        try {\n          //   this.receiveNews = this.receiveNews.concat(message);\n          //   this.realInfo(topic, this.receiveNews);\n          _this.realInfo(topic, message);\n        } catch (error) {}\n      });\n    },\n    //停止订阅mqtt\n    disConnect: function disConnect() {\n      if (client != null) {\n        client.unsubscribe(this.topicSends);\n        client = null;\n      }\n    },\n\n    /** 实时数据分类 */\n    realInfo: function realInfo(topic, message) {\n      switch (topic) {\n        // 接收托片\n        case \"img0\":\n        case \"img1\":\n        case \"img2\":\n          try {\n            var utf8decoder = new TextDecoder();\n            var u8arr = new Uint8Array(message);\n            var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n            var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n            if (msg.rate == 'high') {\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg));\n            } else {\n              this.analysisConfigurationdata = msg;\n            } // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n\n          } catch (error) {}\n\n          break;\n        // 树结构\n\n        case \"stream0\":\n        case \"stream1\":\n        case \"stream2\":\n          try {\n            var utf8decoder1 = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = utf8decoder1.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg));\n          } catch (error) {}\n\n          break;\n        // 控制台输出\n\n        case \"trajectory0\":\n        case \"trajectory1\":\n        case \"trajectory2\":\n        case \"trajectory3\":\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message); //    console.log(\"message11\",message)\n\n\n            var _temp2 = _utf8decoder.decode(_u8arr2); // 将二进制数据转为字符串\n            //   console.log(\"temp11\",temp)\n\n\n            var _msg2 = JSON.parse(_temp2); //  console.log(\"msg11\",msg)\n\n\n            document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(_msg2));\n          } catch (error) {}\n\n          break;\n        // 触发\n\n        case \"detection0\":\n        case \"detection1\":\n        case \"detection2\":\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message); //   console.log(\"message\",message)\n\n\n            var _temp3 = _utf8decoder2.decode(_u8arr3); // 将二进制数据转为字符串\n            //   console.log(\"temp\",temp)\n\n\n            var detId = [];\n            var msgN = JSON.parse(_temp3);\n\n            if (_temp3.length != 0) {\n              for (var i = 0; i < msgN.length; i++) {\n                detId.push(msgN[i].det_id);\n              } // console.log(\"detId\",detId)\n              //   const msg = detId\n              //   console.log(\"msg\",msg)\n\n\n              document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId)); // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\n            }\n          } catch (error) {}\n\n          break;\n      }\n\n      this.receiveNews = \"\";\n    },\n    // handleClick(tab, event) {\n    //     console.log(tab, event);\n    //   },\n    //初始化unity\n    OnSceneN: function OnSceneN() {\n      document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id));\n    },\n    // //新增组件根据组件id获取单个组件数据\n    getSingleComponentIdN: function getSingleComponentIdN(id, type, name) {\n      var _this2 = this;\n\n      console.log(\"id\", id);\n      console.log(\"type\", type);\n      console.log(\"name\", name);\n      this.componentId = id;\n      this.componentForm.componentType = type;\n      this.componentTitle = type;\n      getComponentData({\n        AnalogAreaComponentId: id\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          console.log(\"res\", res.data.data);\n          _this2.component = true;\n\n          if (res.data.data.company != '') {\n            _this2.componentForm.company = res.data.data.company;\n          }\n\n          if (res.data.data.timeMode != '') {\n            _this2.componentForm.timeMode = res.data.data.timeMode;\n          }\n\n          _this2.componentForm.componentName = res.data.data.componentName + '-' + type;\n          _this2.componentForm.componentParameterId = res.data.data.componentParameterId;\n          _this2.componentForm.cycleInterval = res.data.data.cycleInterval;\n          _this2.componentForm.startSectionIds = res.data.data.startSectionIds;\n          _this2.componentForm.startSectionNames = res.data.data.startSectionNames;\n          _this2.componentForm.endSectionIds = res.data.data.endSectionIds;\n          _this2.componentForm.endSectionNames = res.data.data.endSectionNames;\n          _this2.componentForm.endValue = res.data.data.endValue;\n          _this2.componentForm.startValue = res.data.data.startValue;\n          _this2.componentForm.presentationForm = res.data.data.presentationForm;\n          _this2.componentForm.type = res.data.data.type;\n\n          if (res.data.data.startSectionIds != '') {\n            console.log(\"startSectionIds\", res.data.data.startSectionIds);\n            var startSectionIdArr = [];\n            var startSectionArr = [];\n            startSectionIdArr = res.data.data.startSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"startSectionIdArr\", startSectionIdArr);\n            startSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  startSectionArr.push(items.graphicName);\n                  _this2.componentForm.startSection = startSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.endSectionIds != '') {\n            console.log(\"endSectionIds\", res.data.data.endSectionIds);\n            var endSectionIdArr = [];\n            var endSectionArr = [];\n            endSectionIdArr = res.data.data.endSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"endSectionIdArr\", endSectionIdArr);\n            endSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  endSectionArr.push(items.graphicName);\n                  _this2.componentForm.endSection = endSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.presentationForm != '') {\n            var presentationN = [];\n            presentationN = res.data.data.presentationForm.split(',');\n            _this2.componentForm.presentation = presentationN;\n          }\n        }\n      });\n    },\n    //修改模拟区组件、图形\n    getSimulationAreaEdit: function getSimulationAreaEdit(id, type, componentType, name) {\n      var _this3 = this;\n\n      if (type == '图形') {\n        this.form.id = id;\n        this.form.name = name;\n        this.form.type = componentType;\n        this.startFigureName = name;\n\n        if (this.form.type == '轨迹') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '区域') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '断面') {\n          this.dialogFormVisible = true;\n        }\n      } else if (type == '组件') {\n        this.componentId = id;\n        this.componentForm.componentType = componentType;\n        this.componentTitle = componentType;\n        getComponentData({\n          AnalogAreaComponentId: id\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            console.log(\"res\", res.data.data);\n            _this3.component = true;\n\n            if (res.data.data.company != '') {\n              _this3.componentForm.company = res.data.data.company;\n            }\n\n            if (res.data.data.timeMode != '') {\n              _this3.componentForm.timeMode = res.data.data.timeMode;\n            }\n\n            _this3.componentForm.componentName = res.data.data.componentName + '-' + type;\n            _this3.componentForm.componentParameterId = res.data.data.componentParameterId;\n            _this3.componentForm.cycleInterval = res.data.data.cycleInterval;\n            _this3.componentForm.startSectionIds = res.data.data.startSectionIds;\n            _this3.componentForm.startSectionNames = res.data.data.startSectionNames;\n            _this3.componentForm.endSectionIds = res.data.data.endSectionIds;\n            _this3.componentForm.endSectionNames = res.data.data.endSectionNames;\n            _this3.componentForm.endValue = res.data.data.endValue;\n            _this3.componentForm.startValue = res.data.data.startValue;\n            _this3.componentForm.presentationForm = res.data.data.presentationForm;\n            _this3.componentForm.type = res.data.data.type;\n\n            if (res.data.data.startSectionIds != '') {\n              console.log(\"startSectionIds\", res.data.data.startSectionIds);\n              var startSectionIdArr = [];\n              var startSectionArr = [];\n              startSectionIdArr = res.data.data.startSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"startSectionIdArr\", startSectionIdArr);\n              startSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    startSectionArr.push(items.graphicName);\n                    _this3.componentForm.startSection = startSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.endSectionIds != '') {\n              console.log(\"endSectionIds\", res.data.data.endSectionIds);\n              var endSectionIdArr = [];\n              var endSectionArr = [];\n              endSectionIdArr = res.data.data.endSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"endSectionIdArr\", endSectionIdArr);\n              endSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    endSectionArr.push(items.graphicName);\n                    _this3.componentForm.endSection = endSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.presentationForm != '') {\n              var presentationN = [];\n              presentationN = res.data.data.presentationForm.split(',');\n              _this3.componentForm.presentation = presentationN;\n            }\n          }\n        });\n      }\n    },\n    //获取所有断面数据\n    getAllSectionalData: function getAllSectionalData(VideoId) {\n      var _this4 = this;\n\n      getSectionalData({\n        VideoId: VideoId\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.sectionals = res.data.data;\n        }\n      });\n    },\n    figureType: function figureType(type) {\n      if (type == 'Move') {\n        type = '轨迹';\n      } else if (type == 'Poly') {\n        type = '区域';\n      } else if (type == 'Line') {\n        type = '断面';\n      }\n\n      return type;\n    },\n    getFigureD: function getFigureD(item, index, indexNew) {\n      console.log(\"图形类型\", item);\n      console.log(\"初始图形名称\", index);\n      this.startFigureName = index;\n      console.log(\"图形位置\", indexNew);\n      this.dialogFormVisible = true;\n      this.form.name = index;\n      this.form.type = this.figureType(item);\n      this.form.coordinate = indexNew;\n      this.form.id = '';\n      this.title = this.figureType(item);\n    },\n    //双击图形修改图形名称弹框\n    getModifyTheNameN: function getModifyTheNameN(data) {\n      console.log(\"data\", data);\n      var arr = [];\n      arr = data.split(',');\n      console.log(\"arr\", arr);\n      this.form.id = arr[0];\n      this.form.name = arr[1];\n      this.form.type = arr[2];\n      this.startFigureName = arr[1];\n\n      if (this.form.type == '轨迹') {\n        // this.open2()\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '区域') {\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '断面') {\n        this.dialogFormVisible = true;\n      }\n    },\n    //新增、编辑图形确认按钮\n    onSubmit: function onSubmit(form) {\n      var _this5 = this;\n\n      console.log(\"form\", form); //新增\n\n      if (form.id == '') {\n        var formData = new FormData();\n\n        if (form.type == '断面') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId);\n          formData.append(\"Direction\", form.Direction);\n        } else if (form.type == '区域') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n          // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\n        } else {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.addFigure,\n          data: formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      } else {\n        //编辑\n        var _formData = new FormData();\n\n        if (form.type == '断面') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n        } else if (form.type == '区域') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n\n          _formData.append(\"StoppingSpeed\", form.StoppingSpeed);\n        } else {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type); // formData.append(\"Direction\",form.Direction);\n\n\n          _formData.append(\"GraphicId\", form.id);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.editFigure,\n          data: _formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            console.log(\"startFigureName\", _this5.startFigureName); // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      }\n    },\n    //新增编辑组件取消\n    onSubmitComponent: function onSubmitComponent(componentForm) {\n      var _this6 = this;\n\n      this.component = false;\n      var formData = new FormData();\n\n      if (componentForm.componentType == 'OD') {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"startSectionIds\", componentForm.startSectionIds);\n        formData.append(\"startSectionNames\", componentForm.startSectionNames);\n        formData.append(\"endSectionIds\", componentForm.endSectionIds);\n        formData.append(\"endSectionNames\", componentForm.endSectionNames);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", '矩阵图');\n        formData.append(\"type\", componentForm.type);\n      } else {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", componentForm.presentationForm);\n        formData.append(\"type\", componentForm.type);\n      }\n\n      axios({\n        method: \"post\",\n        url: serverUrl.editComponent,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n          document.getElementById(\"mapModule\").contentWindow.editComponent(_this6.componentId + ',' + componentForm.componentName);\n          _this6.dialogFormVisible = false;\n        } else {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //新增编辑组件取消\n    closeComponent: function closeComponent(componentForm) {\n      this.component = false;\n    },\n    //新增、编辑图形取消按钮\n    closeFigure: function closeFigure(form) {\n      console.log(\"form\", form);\n\n      if (form.id != '') {\n        this.dialogFormVisible = false; // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\n\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    closeComponentForm: function closeComponentForm() {\n      this.component = false;\n    },\n    closeForm: function closeForm(form) {\n      if (this.form.id != '') {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id)); //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    //改变起点\n    handleCheckedStartSection: function handleCheckedStartSection(value) {\n      var _this7 = this;\n\n      console.log(\"改变起点\", value);\n      var startSectionIdArr = [];\n      var startSectionNameArr = [];\n      value.forEach(function (item) {\n        _this7.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            startSectionIdArr.push(items.graphicId);\n            startSectionNameArr.push(items.graphicName);\n            var newStartSectionId = startSectionIdArr.join(\",\");\n            var newStartSectionName = startSectionNameArr.join(\",\");\n            _this7.componentForm.startSectionIds = newStartSectionId;\n            _this7.componentForm.startSectionNames = newStartSectionName;\n          }\n        });\n      });\n    },\n    //改变终点\n    handleCheckedendSection: function handleCheckedendSection(value) {\n      var _this8 = this;\n\n      console.log(\"改变终点\", value);\n      var endSectionIdArr = [];\n      var endSectionNameArr = [];\n      value.forEach(function (item) {\n        _this8.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            endSectionIdArr.push(items.graphicId);\n            endSectionNameArr.push(items.graphicName);\n            var newendSectionId = endSectionIdArr.join(\",\");\n            var newEndSectionName = endSectionNameArr.join(\",\");\n            console.log(\"newendSectionId\", newendSectionId);\n            console.log(\"newEndSectionName\", newEndSectionName);\n            _this8.componentForm.endSectionIds = newendSectionId;\n            _this8.componentForm.endSectionNames = newEndSectionName;\n          }\n        });\n      });\n    },\n    //修改展现形式\n    handlePresentation: function handlePresentation(value) {\n      console.log(\"展现形式\", value);\n      var presentation = value.join(\",\");\n      this.componentForm.presentationForm = presentation;\n      console.log(\"this.componentForm.presentationForm\", this.componentForm.presentationForm);\n    },\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this9 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this9.weatherItem = res.data.lives[0];\n        console.log(_this9.weatherItem, 'asdsads');\n      });\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal ></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:'',\r\n        \r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:'',\r\n      analysisConfigurationdata:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n   window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n  client.end();\r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              if(msg.rate=='high'){\r\n                 document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n              }else{\r\n                \r\n                this.analysisConfigurationdata = msg\r\n              }\r\n                // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(this.componentId+','+componentForm.componentName)\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/416592def4d75bdc4425389f79542155.json b/node_modules/.cache/babel-loader/416592def4d75bdc4425389f79542155.json
index b39e2509..784c5068 100644
--- a/node_modules/.cache/babel-loader/416592def4d75bdc4425389f79542155.json
+++ b/node_modules/.cache/babel-loader/416592def4d75bdc4425389f79542155.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\src\\utils\\mqttConfig.js","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\utils\\mqttConfig.js","mtime":1673516133692},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import _objectWithoutProperties from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport \"core-js/modules/es6.number.constructor\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _classCallCheck from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport mqtt from \"mqtt\";\nimport Vue from 'vue';\nvar vm = new Vue();\n\nvar mqttHandle = /*#__PURE__*/function () {\n  function mqttHandle(subscribe) {\n    _classCallCheck(this, mqttHandle);\n\n    this.connect = {\n      host: vm.mqttHost,\n      port: vm.mqttPort,\n      endpoint: \"/mqtt\",\n      clean: true,\n      // 保留会话\n      cleanSession: true,\n      connectTimeout: 7000,\n      // 超时时间\n      reconnectPeriod: 7000,\n      // 重连时间间隔\n      // 认证信息\n      clientId: Number(new Date()).toString(),\n      username: \"admin\",\n      password: \"123456\"\n    };\n    this.subscription = {\n      topic: subscribe,\n      //需要传入数组的包含订阅的名称\n      qos: 2\n    };\n    this.mqttClient = null;\n  }\n  /**\r\n   * 创建链接\r\n   * @returns client\r\n   */\n\n\n  _createClass(mqttHandle, [{\n    key: \"createConnect\",\n    value: function createConnect() {\n      var _this = this;\n\n      //配置链接\n      var _this$connect = this.connect,\n          host = _this$connect.host,\n          port = _this$connect.port,\n          endpoint = _this$connect.endpoint,\n          options = _objectWithoutProperties(_this$connect, [\"host\", \"port\", \"endpoint\"]); // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\n\n\n      var connectUrl = 'ws://172.16.1.168:10087/';\n\n      try {\n        this._client = mqtt.connect(connectUrl, options);\n      } catch (error) {\n        console.log(\"mqtt.connect error\", error);\n      }\n\n      this._client.on(\"connect\", function () {\n        console.log(\"Connection succeeded!\"); // this._client.subscribe('img'+this.number, { qos: 0 });\n        // this._client.subscribe('stream'+this.number, { qos: 0 });\n        // this._client.subscribe('trajectory'+this.number, { qos: 0 });\n        // this._client.subscribe('detection'+this.number, { qos: 0 });\n        // this._client.subscribe('img0', { qos: 0 });\n        // this._client.subscribe('stream0', { qos: 0 });\n        // this._client.subscribe('trajectory0', { qos: 0 });\n        // this._client.subscribe('detection0', { qos: 0 });\n      });\n\n      this._client.on('reconnect', function (error) {\n        console.log('正在重连', error);\n      });\n\n      this._client.on(\"error\", function (error) {\n        console.log(\"Connection failed\", error);\n      }); //配置topic\n\n\n      var _this$subscription = this.subscription,\n          topic = _this$subscription.topic,\n          qos = _this$subscription.qos;\n      console.log(topic, qos, 'topic, qos');\n\n      this._client.subscribe(topic, {\n        qos: qos\n      }, function (error, res) {\n        if (error) {\n          console.log(\"Subscribe to topics error\", error);\n          return;\n        }\n\n        _this.subscribeSuccess = true;\n        console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\n      });\n\n      this.mqttClient = this._client;\n      return this.mqttClient;\n    }\n  }]);\n\n  return mqttHandle;\n}();\n\nexport default mqttHandle;",{"version":3,"sources":["D:/Hjm项目/TransFlow/src/utils/mqttConfig.js"],"names":["mqtt","Vue","vm","mqttHandle","subscribe","connect","host","mqttHost","port","mqttPort","endpoint","clean","cleanSession","connectTimeout","reconnectPeriod","clientId","Number","Date","toString","username","password","subscription","topic","qos","mqttClient","options","connectUrl","_client","error","console","log","on","res","subscribeSuccess"],"mappings":"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","sourcesContent":["import mqtt from \"mqtt\";\r\nimport Vue from 'vue'\r\nvar vm = new Vue();\r\nclass mqttHandle {\r\n    constructor(subscribe) {\r\n        this.connect = {\r\n            host: vm.mqttHost,\r\n            port: vm.mqttPort,\r\n            endpoint: \"/mqtt\",\r\n            clean: true, // 保留会话\r\n            cleanSession: true,\r\n            connectTimeout: 7000, // 超时时间\r\n            reconnectPeriod: 7000, // 重连时间间隔\r\n            // 认证信息\r\n            clientId: Number(new Date()).toString(),\r\n            username: \"admin\",\r\n            password: \"123456\",\r\n        }\r\n        this.subscription = {\r\n            topic: subscribe,  //需要传入数组的包含订阅的名称\r\n            qos: 2,\r\n        }\r\n        this.mqttClient = null;\r\n    }\r\n    /**\r\n     * 创建链接\r\n     * @returns client\r\n     */\r\n    createConnect() {\r\n        //配置链接\r\n        const { host, port, endpoint, ...options } = this.connect;\r\n        // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\r\n        const connectUrl = 'ws://172.16.1.168:10087/';\r\n        try {\r\n            this._client = mqtt.connect(connectUrl, options);\r\n \r\n        } catch (error) {\r\n            console.log(\"mqtt.connect error\", error);\r\n        }\r\n        this._client.on(\"connect\", () => {\r\n            console.log(\"Connection succeeded!\");\r\n            // this._client.subscribe('img'+this.number, { qos: 0 });\r\n            // this._client.subscribe('stream'+this.number, { qos: 0 });\r\n            // this._client.subscribe('trajectory'+this.number, { qos: 0 });\r\n            // this._client.subscribe('detection'+this.number, { qos: 0 });\r\n            // this._client.subscribe('img0', { qos: 0 });\r\n            // this._client.subscribe('stream0', { qos: 0 });\r\n            // this._client.subscribe('trajectory0', { qos: 0 });\r\n            // this._client.subscribe('detection0', { qos: 0 });\r\n        });\r\n        this._client.on('reconnect', (error) => {\r\n            console.log('正在重连', error)\r\n        })\r\n        this._client.on(\"error\", (error) => {\r\n            console.log(\"Connection failed\", error);\r\n        });\r\n \r\n        //配置topic\r\n        const { topic, qos } = this.subscription;\r\n        console.log(topic, qos,'topic, qos');\r\n        this._client.subscribe(topic, { qos: qos }, (error, res) => {\r\n            if (error) {\r\n                console.log(\"Subscribe to topics error\", error);\r\n                return;\r\n            }\r\n            this.subscribeSuccess = true;\r\n            console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\r\n        });\r\n        this.mqttClient = this._client;\r\n        return this.mqttClient;\r\n    }\r\n}\r\nexport default mqttHandle;"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\src\\utils\\mqttConfig.js","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\utils\\mqttConfig.js","mtime":1673599864620},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import _objectWithoutProperties from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _classCallCheck from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport mqtt from \"mqtt\";\nimport Vue from 'vue';\nvar vm = new Vue();\n\nvar mqttHandle = /*#__PURE__*/function () {\n  function mqttHandle(subscribe) {\n    _classCallCheck(this, mqttHandle);\n\n    var newName = localStorage.getItem('ms_username');\n    this.connect = {\n      host: vm.mqttHost,\n      port: vm.mqttPort,\n      endpoint: \"/mqtt\",\n      clean: true,\n      // 保留会话\n      cleanSession: true,\n      connectTimeout: 7000,\n      // 超时时间\n      reconnectPeriod: 7000,\n      // 重连时间间隔\n      // 认证信息\n      // clientId: Number(new Date()).toString(),\n      clientId: newName,\n      username: \"admin\",\n      password: \"123456\"\n    };\n    this.subscription = {\n      topic: subscribe,\n      //需要传入数组的包含订阅的名称\n      qos: 2\n    };\n    this.mqttClient = null;\n  }\n  /**\r\n   * 创建链接\r\n   * @returns client\r\n   */\n\n\n  _createClass(mqttHandle, [{\n    key: \"createConnect\",\n    value: function createConnect() {\n      var _this = this;\n\n      //配置链接\n      var _this$connect = this.connect,\n          host = _this$connect.host,\n          port = _this$connect.port,\n          endpoint = _this$connect.endpoint,\n          options = _objectWithoutProperties(_this$connect, [\"host\", \"port\", \"endpoint\"]); // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\n\n\n      var connectUrl = 'ws://172.16.1.168:10087/';\n\n      try {\n        this._client = mqtt.connect(connectUrl, options);\n      } catch (error) {\n        console.log(\"mqtt.connect error\", error);\n      }\n\n      this._client.on(\"connect\", function () {\n        console.log(\"Connection succeeded!\"); // this._client.subscribe('img'+this.number, { qos: 0 });\n        // this._client.subscribe('stream'+this.number, { qos: 0 });\n        // this._client.subscribe('trajectory'+this.number, { qos: 0 });\n        // this._client.subscribe('detection'+this.number, { qos: 0 });\n        // this._client.subscribe('img0', { qos: 0 });\n        // this._client.subscribe('stream0', { qos: 0 });\n        // this._client.subscribe('trajectory0', { qos: 0 });\n        // this._client.subscribe('detection0', { qos: 0 });\n      });\n\n      this._client.on('reconnect', function (error) {\n        console.log('正在重连', error);\n      });\n\n      this._client.on(\"error\", function (error) {\n        console.log(\"Connection failed\", error);\n      }); //配置topic\n\n\n      var _this$subscription = this.subscription,\n          topic = _this$subscription.topic,\n          qos = _this$subscription.qos;\n      console.log(topic, qos, 'topic, qos');\n\n      this._client.subscribe(topic, {\n        qos: qos\n      }, function (error, res) {\n        if (error) {\n          console.log(\"Subscribe to topics error\", error);\n          return;\n        }\n\n        _this.subscribeSuccess = true;\n        console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\n      });\n\n      this.mqttClient = this._client;\n      return this.mqttClient;\n    }\n  }]);\n\n  return mqttHandle;\n}();\n\nexport default mqttHandle;",{"version":3,"sources":["D:/Hjm项目/TransFlow/src/utils/mqttConfig.js"],"names":["mqtt","Vue","vm","mqttHandle","subscribe","newName","localStorage","getItem","connect","host","mqttHost","port","mqttPort","endpoint","clean","cleanSession","connectTimeout","reconnectPeriod","clientId","username","password","subscription","topic","qos","mqttClient","options","connectUrl","_client","error","console","log","on","res","subscribeSuccess"],"mappings":"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","sourcesContent":["import mqtt from \"mqtt\";\r\nimport Vue from 'vue'\r\nvar vm = new Vue();\r\n\r\nclass mqttHandle {\r\n    constructor(subscribe) {\r\n        var newName = localStorage.getItem('ms_username')\r\n        this.connect = {\r\n            host: vm.mqttHost,\r\n            port: vm.mqttPort,\r\n            endpoint: \"/mqtt\",\r\n            clean: true, // 保留会话\r\n            cleanSession: true,\r\n            connectTimeout: 7000, // 超时时间\r\n            reconnectPeriod: 7000, // 重连时间间隔\r\n            // 认证信息\r\n            // clientId: Number(new Date()).toString(),\r\n            clientId: newName,\r\n            username: \"admin\",\r\n            password: \"123456\",\r\n        }\r\n        this.subscription = {\r\n            topic: subscribe,  //需要传入数组的包含订阅的名称\r\n            qos: 2,\r\n        }\r\n        this.mqttClient = null;\r\n    }\r\n    /**\r\n     * 创建链接\r\n     * @returns client\r\n     */\r\n    createConnect() {\r\n        //配置链接\r\n        const { host, port, endpoint, ...options } = this.connect;\r\n        // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\r\n        const connectUrl = 'ws://172.16.1.168:10087/';\r\n        try {\r\n            this._client = mqtt.connect(connectUrl, options);\r\n \r\n        } catch (error) {\r\n            console.log(\"mqtt.connect error\", error);\r\n        }\r\n        this._client.on(\"connect\", () => {\r\n            console.log(\"Connection succeeded!\");\r\n            // this._client.subscribe('img'+this.number, { qos: 0 });\r\n            // this._client.subscribe('stream'+this.number, { qos: 0 });\r\n            // this._client.subscribe('trajectory'+this.number, { qos: 0 });\r\n            // this._client.subscribe('detection'+this.number, { qos: 0 });\r\n            // this._client.subscribe('img0', { qos: 0 });\r\n            // this._client.subscribe('stream0', { qos: 0 });\r\n            // this._client.subscribe('trajectory0', { qos: 0 });\r\n            // this._client.subscribe('detection0', { qos: 0 });\r\n        });\r\n        this._client.on('reconnect', (error) => {\r\n            console.log('正在重连', error)\r\n        })\r\n        this._client.on(\"error\", (error) => {\r\n            console.log(\"Connection failed\", error);\r\n        });\r\n \r\n        //配置topic\r\n        const { topic, qos } = this.subscription;\r\n        console.log(topic, qos,'topic, qos');\r\n        this._client.subscribe(topic, { qos: qos }, (error, res) => {\r\n            if (error) {\r\n                console.log(\"Subscribe to topics error\", error);\r\n                return;\r\n            }\r\n            this.subscribeSuccess = true;\r\n            console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\r\n        });\r\n        this.mqttClient = this._client;\r\n        return this.mqttClient;\r\n    }\r\n}\r\nexport default mqttHandle;"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/bc81df238bb3d88b2525f7e47a7080b5.json b/node_modules/.cache/babel-loader/bc81df238bb3d88b2525f7e47a7080b5.json
index 0531d5e1..82a18e38 100644
--- a/node_modules/.cache/babel-loader/bc81df238bb3d88b2525f7e47a7080b5.json
+++ b/node_modules/.cache/babel-loader/bc81df238bb3d88b2525f7e47a7080b5.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673597053892},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import _defineProperty from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n\nvar _methods;\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from 'mqtt'; // mqtt协议\n\nimport { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from \"@/api/index\";\nexport default {\n  data: function data() {\n    return {\n      oldName: '',\n      formRules: {\n        pointName: [{\n          required: true,\n          message: '请输入点名称',\n          trigger: 'blur'\n        }],\n        longitude: [{\n          required: true,\n          message: '请输入经度',\n          trigger: 'blur'\n        }],\n        latitude: [{\n          required: true,\n          message: '请输入纬度',\n          trigger: 'blur'\n        }]\n      },\n      addDianForm: {\n        pointName: '',\n        longitude: \"\",\n        latitude: ''\n      },\n      dialogVisible: false,\n      coordinateTransformationId: '',\n      AnalysisSettingId: '',\n      contentShow: {\n        postion: true,\n        coordinate: false,\n        plate: true,\n        parking: true\n      },\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: '',\n        longitude: '',\n        latitude: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系',\n        value: '0',\n        num: 1\n      },\n      options: [{\n        value: '南',\n        label: '南'\n      }, {\n        value: '北',\n        label: '北'\n      }],\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: 0\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接',\n        renewalFrequency: ''\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {\n    var _this = this;\n\n    //    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n    getFeixpz({\n      VideoId: this.$route.query.id\n    }).then(function (res) {\n      _this.sizeForm.longitude = res.data.data.cameraPositionLongitude;\n      _this.sizeForm.latitude = res.data.data.cameraPositionLatitude;\n      _this.coordinateForm.num = res.data.data.utmArea;\n      _this.coordinateForm.value = res.data.data.hemisphere;\n      _this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;\n      _this.coordinateTableData = res.data.data.pointData != null ? res.data.data.pointData : [];\n      _this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;\n      _this.stopStateform.displacement = res.data.data.parkingDisplacement;\n      _this.stopStateform.speed = res.data.data.parkingSpeed;\n      _this.AnalysisSettingId = res.data.data.analysisSettingId;\n      _this.coordinateTransformationId = res.data.data.coordinateTransformationId;\n\n      _this.coordinateTableData.forEach(function (item) {\n        item.btnShow = '1';\n      });\n    });\n  },\n  mounted: function mounted() {\n    window.OnSceneload = this.OnSceneload;\n    window.saveCoordinate = this.saveCoordinate;\n  },\n  methods: (_methods = {\n    handleEdit: function handleEdit() {\n      var re = /^[0-9]+$/;\n\n      if (!re.test(this.coordinateForm.num)) {\n        console.log(123123);\n        this.$message({\n          type: 'error',\n          message: '请输入1~60之间的正整数!'\n        });\n        this.cycle = this.oordinateForm.num;\n      }\n    },\n    saveCoordinate: function saveCoordinate() {},\n    handleExit: function handleExit(row, index) {\n      var _this2 = this;\n\n      this.oldName = row.pointName;\n      this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);\n      this.coordinateTableData.forEach(function (item, index) {\n        if (row.pointName == item.pointName) {\n          item.btnShow = '2';\n\n          _this2.$set(_this2.coordinateTableData, index, item);\n        }\n      });\n    },\n    handleconfirm: function handleconfirm(row, index) {\n      var _this3 = this;\n\n      var string = this.oldName + ',' + row.pointName;\n      this.$refs.analysisWeb.contentWindow.saveDian(string);\n      this.coordinateTableData.forEach(function (item, indexnew) {\n        if (row.pointName == item.pointName) {\n          item.btnShow = '1';\n\n          _this3.$set(_this3.coordinateTableData, indexnew, item);\n        }\n      });\n    },\n    OnSceneload: function OnSceneload() {\n      this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);\n    },\n    handleDeleteDian: function handleDeleteDian(row) {\n      var _this4 = this;\n\n      this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        _this4.coordinateTableData = _this4.coordinateTableData.filter(function (item) {\n          return item.pointName != row.pointName;\n        });\n\n        _this4.$refs.analysisWeb.contentWindow.deletePoint(row.pointName);\n\n        _this4.$message({\n          type: 'success',\n          message: '删除成功!'\n        });\n      }).catch(function () {\n        _this4.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    handleDian: function handleDian(formName) {\n      var _this5 = this;\n\n      this.$refs[formName].validate(function (valid) {\n        if (valid) {\n          console.log(_this5.addDianForm, 'addDianForm,,,');\n          _this5.addDianForm.btnShow = '2';\n          _this5.oldName = _this5.addDianForm.pointName;\n\n          _this5.coordinateTableData.unshift(_this5.addDianForm);\n\n          _this5.dialogVisible = false;\n\n          _this5.$refs.analysisWeb.contentWindow.setPOS(_this5.addDianForm.pointName);\n\n          _this5.addDianForm = {};\n        } else {\n          return false;\n        }\n      });\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    },\n    // 坐标转换接口\n    handlePos: function handlePos() {\n      var _this6 = this;\n\n      var params = {\n        CoordinateTransformationId: this.coordinateTransformationId,\n        UTMArea: this.coordinateForm.num,\n        Hemisphere: this.coordinateForm.value,\n        CoordinateTransformation: this.coordinateForm.coordinateTransformation,\n        PointData: this.coordinateTableData\n      };\n      setFeixzbzh(params).then(function (res) {\n        _this6.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 停车状态\n    handleParking: function handleParking() {\n      var _this7 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('ParkingDisplacement', this.stopStateform.displacement);\n      params.append('ParkingSpeed', this.stopStateform.speed);\n      setParkingStatus(params).then(function (res) {\n        _this7.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 车牌识别\n    changeChepai: function changeChepai(val) {\n      var _this8 = this;\n\n      console.log(val, 'val111');\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('LicensePlateRecognitionSwitch', val);\n      setLicensePlate(params).then(function (res) {\n        _this8.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 经纬度保存\n    handSaveitude: function handSaveitude() {\n      var _this9 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('CameraPositionLongitude', this.sizeForm.longitude);\n      params.append('CameraPositionLatitude', this.sizeForm.latitude);\n      setCameraPosition(params).then(function (res) {\n        _this9.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 收放\n    handleContent: function handleContent(val) {\n      if (val == 'postion') {\n        this.contentShow.postion = !this.contentShow.postion;\n      }\n\n      if (val == 'coordinate') {\n        this.contentShow.coordinate = !this.contentShow.coordinate;\n      }\n\n      if (val == 'plate') {\n        this.contentShow.plate = !this.contentShow.plate;\n      }\n\n      if (val == 'parking') {\n        this.contentShow.parking = !this.contentShow.parking;\n      }\n    },\n    handleChange: function handleChange(value) {\n      console.log(value);\n    },\n    load: function load() {\n      var _this10 = this;\n\n      console.log('1111');\n      var iframe = document.getElementById('mapModuleTop');\n      console.log('iframe', iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this10.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log('222');\n      this.getDataByMqtt();\n    }\n  }, _defineProperty(_methods, \"handleChange\", function handleChange() {}), _defineProperty(_methods, \"handleagain\", function handleagain() {\n    var _this11 = this;\n\n    this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this11.$message({\n        type: 'info',\n        message: '已取消'\n      });\n    });\n  }), _defineProperty(_methods, \"handleReset\", function handleReset() {\n    var _this12 = this;\n\n    this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this12.$message({\n        type: 'info',\n        message: '已取消重置'\n      });\n    });\n  }), _defineProperty(_methods, \"handleRemove\", function handleRemove(file, fileList) {\n    console.log(file, fileList);\n  }), _defineProperty(_methods, \"handlePreview\", function handlePreview(file) {\n    console.log(file);\n  }), _defineProperty(_methods, \"handleExceed\", function handleExceed(files, fileList) {\n    this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n  }), _defineProperty(_methods, \"beforeRemove\", function beforeRemove(file, fileList) {\n    return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n  }), _defineProperty(_methods, \"getReverseShellList\", function getReverseShellList() {\n    //   getShellList().then(res => {\n    //     if (res.code === 200) {\n    //       if (res.data && res.data.length > 0) {\n    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n    //         res.data.forEach(item => {\n    //           item['isEdit'] = false\n    //         })\n    //       }\n    //   this.tableData = res.data\n    // 在表格列表前插入一行，用来新增数据\n    this.tableData.unshift({\n      name: '',\n      inIp: '',\n      inPort: null,\n      outPort: null,\n      enabled: null,\n      isEdit: true\n    }); //     }\n    //   })\n  }), _defineProperty(_methods, \"handleAdd\", function handleAdd(row) {\n    for (var key in row) {\n      // 判断一行字段是否输入完整\n      if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n        this.msgError('Please complete the information');\n        return;\n      }\n    }\n\n    var params = {\n      name: row.name,\n      inIp: row.inIp // inPort: parseInt(row.inPort),\n      // outPort: parseInt(row.outPort),\n      // enabled: row.enabled\n\n    };\n    this.getReverseShellList(); //   addShell(params).then(res => {\n    //     if (res.code === 200) {\n    //       this.msgSuccess('Add reverse shell successfully')\n    //       row.isEdit = false\n    //       this.getReverseShellList()\n    //     }\n    //   })\n  }), _defineProperty(_methods, \"handleUpdate\", function handleUpdate(row) {\n    // 点击Apply时\n    if (row.isEdit) {\n      for (var key in row) {\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp,\n        inPort: parseInt(row.inPort),\n        outPort: parseInt(row.outPort),\n        enabled: row.enabled\n      }; // updateShell(params).then(res => {\n      //   if (res.code === 200) {\n      //     this.msgSuccess('Update reverse shell successfully')\n      //     this.getReverseShellList()\n      //   }\n      // })\n    } else {\n      // 点击编辑时\n      row.isEdit = true;\n    }\n  }), _defineProperty(_methods, \"handleDelete\", function handleDelete(row) {\n    // 点击取消时\n    if (row.isEdit) {\n      this.getReverseShellList();\n    } else {\n      // 点击删除时\n      this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n        confirmButtonText: 'Sure',\n        cancelButtonText: 'Cancel',\n        type: 'warning'\n      }).then(function () {//   deleteShell(row.name).then(res => {\n        //     if (res.code === 200) {\n        //       this.msgSuccess('Delete reverse shell successfully')\n        //       this.getReverseShellList()\n        //     }\n        //   })\n      }).catch(function () {});\n    }\n  }), _defineProperty(_methods, \"getDataByMqtt\", function getDataByMqtt(url, topic, cIdNum) {\n    var _this13 = this;\n\n    //     var that = this\n    // that.$refs.iframe.contentWindow.getDestination(1)\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\n    var clientId = 'test_id_' + String(new Date().getTime()); // 用户名\n    //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n    var host = 'ws://172.16.1.168:10087/';\n    var options = {\n      // 配置\n      // 测试：订阅本机IP\n      // host: host,\n      // port: port,\n      // host:\"172.16.1.168:10086\",\n      keepalive: 60,\n      // 心跳时间，默认60s，设置为0禁用\n      username: 'admin',\n      // 用户名（可选）\n      password: '123456',\n      // 密码（可选）\n      clientId: clientId,\n      // 客户端ID，默认随机生成\n      protocolId: 'MQTT',\n      protocolVersion: 4,\n      clean: true,\n      // false在离线时接收QoS1和2的消息\n      reconnectPeriod: 2000,\n      // 重连间隔，默认1000毫秒\n      connectTimeout: 30 * 1000,\n      // 收到CONNACK之前的等待时间\n      will: {\n        // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n        topic: 'img1',\n        // 要发布的主题\n        payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！',\n        // 要发布的消息\n        qos: 0,\n        // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n        retain: false // 保留标志\n\n      }\n    };\n\n    if (this.mqttClient == undefined) {\n      this.mqttClient = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host)  // 连接\n      // 错误回调\n      // console.log(\"this.mqttClient\", this.mqttClient)\n\n      this.mqttClient.on('error', function (err) {\n        console.log('[MQTT-TEST] 连接错误：', err);\n\n        _this13.mqttClient.end();\n      }); // 重连回调\n\n      this.mqttClient.on('reconnect', function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n      }); // 连接回调\n\n      this.mqttClient.on('connect', function (connect) {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n        // 订阅\n        _this13.mqttClient.subscribe('img0', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img1', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img2', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img3', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img4', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img5', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream0', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream1', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream2', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream3', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream4', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream5', {\n          qos: 0\n        });\n      }); // 接收回调\n\n      this.mqttClient.on('message', function (topic, message, packet) {\n        if (topic.indexOf('img0') != -1) {\n          // try {\n          var utf8decoder = new TextDecoder();\n          var u8arr = new Uint8Array(message);\n          var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n          var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n          //   debugger\n          //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n          //   console.log(\"msg.pic\", msg.pic)\n          //   debugger\n          // var that = this\n          //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n          // window.parent.getDestination(JSON.stringify(msg));\n          //    debugger\n          // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n          //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n          //   console.log(\"imageUrl\", imageUrl)\n          // }\n          // catch {\n          //   let imageType = 'arraybuffer';\n          //   const blob = new Blob([message], { type: imageType })\n          //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n          // //   console.log(\"imageUrl\", imageUrl)\n          // }\n        } else if (topic.indexOf('img1') != -1) {\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg); //msg为转换后的JSON数据\n\n            _this13.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused) {\n            var imageType = 'arraybuffer';\n            var blob = new Blob([message], {\n              type: imageType\n            });\n\n            var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n            console.log('imageUrl', _imageUrl);\n          }\n        } else if (topic.indexOf('img2') != -1) {\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message);\n\n            var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n            var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg2); //msg为转换后的JSON数据\n\n            _this13.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused2) {\n            var _imageType = 'arraybuffer';\n\n            var _blob = new Blob([message], {\n              type: _imageType\n            });\n\n            var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n            console.log('imageUrl', _imageUrl2);\n          }\n        } else if (topic.indexOf('img3') != -1) {\n          try {\n            var _utf8decoder3 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message);\n\n            var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n            var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg3); //msg为转换后的JSON数据\n\n            _this13.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused3) {\n            var _imageType2 = 'arraybuffer';\n\n            var _blob2 = new Blob([message], {\n              type: _imageType2\n            });\n\n            var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n            console.log('imageUrl', _imageUrl3);\n          }\n        } else if (topic.indexOf('img4') != -1) {\n          try {\n            var _utf8decoder4 = new TextDecoder();\n\n            var _u8arr4 = new Uint8Array(message);\n\n            var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n            var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg4); //msg为转换后的JSON数据\n\n            _this13.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused4) {\n            var _imageType3 = 'arraybuffer';\n\n            var _blob3 = new Blob([message], {\n              type: _imageType3\n            });\n\n            var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n            console.log('imageUrl', _imageUrl4);\n          }\n        } else if (topic.indexOf('img5') != -1) {\n          try {\n            var _utf8decoder5 = new TextDecoder();\n\n            var _u8arr5 = new Uint8Array(message);\n\n            var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n            var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg5); //msg为转换后的JSON数据\n\n            _this13.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused5) {\n            var _imageType4 = 'arraybuffer';\n\n            var _blob4 = new Blob([message], {\n              type: _imageType4\n            });\n\n            var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n            console.log('imageUrl', _imageUrl5);\n          }\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream1') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream2') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream3') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream4') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream5') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        }\n      });\n    }\n  }), _methods)\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\"   size=\"small\" @change=\"handleEdit\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                ref=\"analysisWeb\"\r\n                                src=\"./analysisWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-if=\"scope.row.btnShow == '1'?true:false\"\r\n                                        @click=\"handleExit(scope.row,scope.$index)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-else\r\n                                        @click=\"handleconfirm(scope.row,scope.$index)\"\r\n                                        >确认编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n    },\r\n    methods: {\r\n        handleEdit(){\r\n            let re = /^[0-9]+$/\r\n            if (!re.test(this.coordinateForm.num)) {\r\n                console.log(123123);\r\n                this.$message({\r\n                    type: 'error',\r\n                    message: '请输入1~60之间的正整数!'\r\n                });\r\n                this.cycle = this.oordinateForm.num\r\n            }\r\n        },\r\n        saveCoordinate(){\r\n\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673600324998},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import _defineProperty from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n\nvar _methods;\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from 'mqtt'; // mqtt协议\n\nimport { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from \"@/api/index\";\nexport default {\n  props: {\n    analysisConfigurationdata: {\n      type: Object,\n      default: function _default() {\n        return {};\n      }\n    }\n  },\n  data: function data() {\n    return {\n      oldName: '',\n      formRules: {\n        pointName: [{\n          required: true,\n          message: '请输入点名称',\n          trigger: 'blur'\n        }],\n        longitude: [{\n          required: true,\n          message: '请输入经度',\n          trigger: 'blur'\n        }],\n        latitude: [{\n          required: true,\n          message: '请输入纬度',\n          trigger: 'blur'\n        }]\n      },\n      addDianForm: {\n        pointName: '',\n        longitude: \"\",\n        latitude: ''\n      },\n      dialogVisible: false,\n      coordinateTransformationId: '',\n      AnalysisSettingId: '',\n      contentShow: {\n        postion: true,\n        coordinate: false,\n        plate: true,\n        parking: true\n      },\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: '',\n        longitude: '',\n        latitude: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系',\n        value: '0',\n        num: 1\n      },\n      options: [{\n        value: '南',\n        label: '南'\n      }, {\n        value: '北',\n        label: '北'\n      }],\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: 0\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接',\n        renewalFrequency: ''\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {\n    var _this = this;\n\n    //    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n    getFeixpz({\n      VideoId: this.$route.query.id\n    }).then(function (res) {\n      _this.sizeForm.longitude = res.data.data.cameraPositionLongitude;\n      _this.sizeForm.latitude = res.data.data.cameraPositionLatitude;\n      _this.coordinateForm.num = res.data.data.utmArea == '-1' ? '' : res.data.data.utmArea;\n      _this.coordinateForm.value = res.data.data.hemisphere;\n      _this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;\n      _this.coordinateTableData = res.data.data.pointData != null ? res.data.data.pointData : [];\n      _this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;\n      _this.stopStateform.displacement = res.data.data.parkingDisplacement;\n      _this.stopStateform.speed = res.data.data.parkingSpeed;\n      _this.AnalysisSettingId = res.data.data.analysisSettingId;\n      _this.coordinateTransformationId = res.data.data.coordinateTransformationId;\n\n      _this.coordinateTableData.forEach(function (item) {\n        item.btnShow = '1';\n      });\n    });\n  },\n  mounted: function mounted() {\n    window.OnSceneload = this.OnSceneload;\n    window.saveCoordinate = this.saveCoordinate;\n    console.log(this.analysisConfigurationdata, 'asdddd');\n  },\n  methods: (_methods = {\n    saveCoordinate: function saveCoordinate(obj) {\n      console.log(obj);\n      this.coordinateTableData.forEach(function (item) {\n        if (item.pointName == obj.pointName) {\n          item.imageXCoordinate = obj.imageXCoordinate;\n          item.imageYCoordinate = obj.imageYCoordinate;\n        }\n      });\n    },\n    handleExit: function handleExit(row, index) {\n      var _this2 = this;\n\n      this.oldName = row.pointName;\n      this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);\n      this.coordinateTableData.forEach(function (item, index) {\n        if (row.pointName == item.pointName) {\n          item.btnShow = '2';\n\n          _this2.$set(_this2.coordinateTableData, index, item);\n        }\n      });\n    },\n    handleconfirm: function handleconfirm(row, index) {\n      var _this3 = this;\n\n      var string = this.oldName + ',' + row.pointName;\n      this.$refs.analysisWeb.contentWindow.saveDian(string);\n      this.coordinateTableData.forEach(function (item, indexnew) {\n        if (row.pointName == item.pointName) {\n          item.btnShow = '1';\n\n          _this3.$set(_this3.coordinateTableData, indexnew, item);\n        }\n      });\n    },\n    OnSceneload: function OnSceneload() {\n      this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);\n    },\n    handleDeleteDian: function handleDeleteDian(row) {\n      var _this4 = this;\n\n      this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        _this4.coordinateTableData = _this4.coordinateTableData.filter(function (item) {\n          return item.pointName != row.pointName;\n        });\n\n        _this4.$refs.analysisWeb.contentWindow.deletePoint(row.pointName);\n\n        _this4.$message({\n          type: 'success',\n          message: '删除成功!'\n        });\n      }).catch(function () {\n        _this4.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    handleDian: function handleDian(formName) {\n      var _this5 = this;\n\n      this.$refs[formName].validate(function (valid) {\n        if (valid) {\n          console.log(_this5.addDianForm, 'addDianForm,,,');\n          _this5.addDianForm.btnShow = '2';\n          _this5.oldName = _this5.addDianForm.pointName;\n\n          _this5.coordinateTableData.unshift(_this5.addDianForm);\n\n          _this5.dialogVisible = false;\n\n          _this5.$refs.analysisWeb.contentWindow.setPOS(_this5.addDianForm.pointName);\n\n          _this5.addDianForm = {};\n        } else {\n          return false;\n        }\n      });\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    },\n    // 坐标转换接口\n    handlePos: function handlePos() {\n      var _this6 = this;\n\n      var params = {\n        CoordinateTransformationId: this.coordinateTransformationId,\n        UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,\n        Hemisphere: this.coordinateForm.value,\n        CoordinateTransformation: this.coordinateForm.coordinateTransformation,\n        PointData: this.coordinateTableData\n      };\n      setFeixzbzh(params).then(function (res) {\n        _this6.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 停车状态\n    handleParking: function handleParking() {\n      var _this7 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('ParkingDisplacement', this.stopStateform.displacement);\n      params.append('ParkingSpeed', this.stopStateform.speed);\n      setParkingStatus(params).then(function (res) {\n        _this7.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 车牌识别\n    changeChepai: function changeChepai(val) {\n      var _this8 = this;\n\n      console.log(val, 'val111');\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('LicensePlateRecognitionSwitch', val);\n      setLicensePlate(params).then(function (res) {\n        _this8.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 经纬度保存\n    handSaveitude: function handSaveitude() {\n      var _this9 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('CameraPositionLongitude', this.sizeForm.longitude);\n      params.append('CameraPositionLatitude', this.sizeForm.latitude);\n      setCameraPosition(params).then(function (res) {\n        _this9.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 收放\n    handleContent: function handleContent(val) {\n      if (val == 'postion') {\n        this.contentShow.postion = !this.contentShow.postion;\n      }\n\n      if (val == 'coordinate') {\n        this.contentShow.coordinate = !this.contentShow.coordinate;\n      }\n\n      if (val == 'plate') {\n        this.contentShow.plate = !this.contentShow.plate;\n      }\n\n      if (val == 'parking') {\n        this.contentShow.parking = !this.contentShow.parking;\n      }\n    },\n    handleChange: function handleChange(value) {\n      console.log(value);\n    },\n    load: function load() {\n      var _this10 = this;\n\n      console.log('1111');\n      var iframe = document.getElementById('mapModuleTop');\n      console.log('iframe', iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this10.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log('222');\n      this.getDataByMqtt();\n    }\n  }, _defineProperty(_methods, \"handleChange\", function handleChange() {}), _defineProperty(_methods, \"handleagain\", function handleagain() {\n    var _this11 = this;\n\n    this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this11.$message({\n        type: 'info',\n        message: '已取消'\n      });\n    });\n  }), _defineProperty(_methods, \"handleReset\", function handleReset() {\n    var _this12 = this;\n\n    this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this12.$message({\n        type: 'info',\n        message: '已取消重置'\n      });\n    });\n  }), _defineProperty(_methods, \"handleRemove\", function handleRemove(file, fileList) {\n    console.log(file, fileList);\n  }), _defineProperty(_methods, \"handlePreview\", function handlePreview(file) {\n    console.log(file);\n  }), _defineProperty(_methods, \"handleExceed\", function handleExceed(files, fileList) {\n    this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n  }), _defineProperty(_methods, \"beforeRemove\", function beforeRemove(file, fileList) {\n    return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n  }), _defineProperty(_methods, \"getReverseShellList\", function getReverseShellList() {\n    //   getShellList().then(res => {\n    //     if (res.code === 200) {\n    //       if (res.data && res.data.length > 0) {\n    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n    //         res.data.forEach(item => {\n    //           item['isEdit'] = false\n    //         })\n    //       }\n    //   this.tableData = res.data\n    // 在表格列表前插入一行，用来新增数据\n    this.tableData.unshift({\n      name: '',\n      inIp: '',\n      inPort: null,\n      outPort: null,\n      enabled: null,\n      isEdit: true\n    }); //     }\n    //   })\n  }), _defineProperty(_methods, \"handleAdd\", function handleAdd(row) {\n    for (var key in row) {\n      // 判断一行字段是否输入完整\n      if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n        this.msgError('Please complete the information');\n        return;\n      }\n    }\n\n    var params = {\n      name: row.name,\n      inIp: row.inIp // inPort: parseInt(row.inPort),\n      // outPort: parseInt(row.outPort),\n      // enabled: row.enabled\n\n    };\n    this.getReverseShellList(); //   addShell(params).then(res => {\n    //     if (res.code === 200) {\n    //       this.msgSuccess('Add reverse shell successfully')\n    //       row.isEdit = false\n    //       this.getReverseShellList()\n    //     }\n    //   })\n  }), _defineProperty(_methods, \"handleUpdate\", function handleUpdate(row) {\n    // 点击Apply时\n    if (row.isEdit) {\n      for (var key in row) {\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp,\n        inPort: parseInt(row.inPort),\n        outPort: parseInt(row.outPort),\n        enabled: row.enabled\n      }; // updateShell(params).then(res => {\n      //   if (res.code === 200) {\n      //     this.msgSuccess('Update reverse shell successfully')\n      //     this.getReverseShellList()\n      //   }\n      // })\n    } else {\n      // 点击编辑时\n      row.isEdit = true;\n    }\n  }), _defineProperty(_methods, \"handleDelete\", function handleDelete(row) {\n    // 点击取消时\n    if (row.isEdit) {\n      this.getReverseShellList();\n    } else {\n      // 点击删除时\n      this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n        confirmButtonText: 'Sure',\n        cancelButtonText: 'Cancel',\n        type: 'warning'\n      }).then(function () {//   deleteShell(row.name).then(res => {\n        //     if (res.code === 200) {\n        //       this.msgSuccess('Delete reverse shell successfully')\n        //       this.getReverseShellList()\n        //     }\n        //   })\n      }).catch(function () {});\n    }\n  }), _defineProperty(_methods, \"getDataByMqtt\", function getDataByMqtt(url, topic, cIdNum) {\n    var _this13 = this;\n\n    //     var that = this\n    // that.$refs.iframe.contentWindow.getDestination(1)\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\n    var clientId = 'test_id_' + String(new Date().getTime()); // 用户名\n    //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n    var host = 'ws://172.16.1.168:10087/';\n    var options = {\n      // 配置\n      // 测试：订阅本机IP\n      // host: host,\n      // port: port,\n      // host:\"172.16.1.168:10086\",\n      keepalive: 60,\n      // 心跳时间，默认60s，设置为0禁用\n      username: 'admin',\n      // 用户名（可选）\n      password: '123456',\n      // 密码（可选）\n      clientId: clientId,\n      // 客户端ID，默认随机生成\n      protocolId: 'MQTT',\n      protocolVersion: 4,\n      clean: true,\n      // false在离线时接收QoS1和2的消息\n      reconnectPeriod: 2000,\n      // 重连间隔，默认1000毫秒\n      connectTimeout: 30 * 1000,\n      // 收到CONNACK之前的等待时间\n      will: {\n        // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n        topic: 'img1',\n        // 要发布的主题\n        payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！',\n        // 要发布的消息\n        qos: 0,\n        // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n        retain: false // 保留标志\n\n      }\n    };\n\n    if (this.mqttClient == undefined) {\n      this.mqttClient = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host)  // 连接\n      // 错误回调\n      // console.log(\"this.mqttClient\", this.mqttClient)\n\n      this.mqttClient.on('error', function (err) {\n        console.log('[MQTT-TEST] 连接错误：', err);\n\n        _this13.mqttClient.end();\n      }); // 重连回调\n\n      this.mqttClient.on('reconnect', function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n      }); // 连接回调\n\n      this.mqttClient.on('connect', function (connect) {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n        // 订阅\n        _this13.mqttClient.subscribe('img0', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img1', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img2', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img3', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img4', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img5', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream0', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream1', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream2', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream3', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream4', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream5', {\n          qos: 0\n        });\n      }); // 接收回调\n\n      this.mqttClient.on('message', function (topic, message, packet) {\n        if (topic.indexOf('img0') != -1) {\n          // try {\n          var utf8decoder = new TextDecoder();\n          var u8arr = new Uint8Array(message);\n          var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n          var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n          //   debugger\n          //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n          //   console.log(\"msg.pic\", msg.pic)\n          //   debugger\n          // var that = this\n          //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n          // window.parent.getDestination(JSON.stringify(msg));\n          //    debugger\n          // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n          //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n          //   console.log(\"imageUrl\", imageUrl)\n          // }\n          // catch {\n          //   let imageType = 'arraybuffer';\n          //   const blob = new Blob([message], { type: imageType })\n          //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n          // //   console.log(\"imageUrl\", imageUrl)\n          // }\n        } else if (topic.indexOf('img1') != -1) {\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg); //msg为转换后的JSON数据\n\n            _this13.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused) {\n            var imageType = 'arraybuffer';\n            var blob = new Blob([message], {\n              type: imageType\n            });\n\n            var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n            console.log('imageUrl', _imageUrl);\n          }\n        } else if (topic.indexOf('img2') != -1) {\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message);\n\n            var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n            var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg2); //msg为转换后的JSON数据\n\n            _this13.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused2) {\n            var _imageType = 'arraybuffer';\n\n            var _blob = new Blob([message], {\n              type: _imageType\n            });\n\n            var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n            console.log('imageUrl', _imageUrl2);\n          }\n        } else if (topic.indexOf('img3') != -1) {\n          try {\n            var _utf8decoder3 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message);\n\n            var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n            var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg3); //msg为转换后的JSON数据\n\n            _this13.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused3) {\n            var _imageType2 = 'arraybuffer';\n\n            var _blob2 = new Blob([message], {\n              type: _imageType2\n            });\n\n            var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n            console.log('imageUrl', _imageUrl3);\n          }\n        } else if (topic.indexOf('img4') != -1) {\n          try {\n            var _utf8decoder4 = new TextDecoder();\n\n            var _u8arr4 = new Uint8Array(message);\n\n            var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n            var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg4); //msg为转换后的JSON数据\n\n            _this13.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused4) {\n            var _imageType3 = 'arraybuffer';\n\n            var _blob3 = new Blob([message], {\n              type: _imageType3\n            });\n\n            var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n            console.log('imageUrl', _imageUrl4);\n          }\n        } else if (topic.indexOf('img5') != -1) {\n          try {\n            var _utf8decoder5 = new TextDecoder();\n\n            var _u8arr5 = new Uint8Array(message);\n\n            var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n            var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg5); //msg为转换后的JSON数据\n\n            _this13.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused5) {\n            var _imageType4 = 'arraybuffer';\n\n            var _blob4 = new Blob([message], {\n              type: _imageType4\n            });\n\n            var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n            console.log('imageUrl', _imageUrl5);\n          }\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream1') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream2') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream3') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream4') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream5') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        }\n      });\n    }\n  }), _methods)\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                ref=\"analysisWeb\"\r\n                                src=\"./analysisWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-if=\"scope.row.btnShow == '1'?true:false\"\r\n                                        @click=\"handleExit(scope.row,scope.$index)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-else\r\n                                        @click=\"handleconfirm(scope.row,scope.$index)\"\r\n                                        >确认编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    props:{\r\n        analysisConfigurationdata:{\r\n\t\t\ttype:Object, \r\n            default () {\r\n                return {}\r\n            }\r\n\t\t}\r\n    },\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n        console.log(this.analysisConfigurationdata,'asdddd');\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/c68407018c895d09a6f7c25417def60b.json b/node_modules/.cache/babel-loader/c68407018c895d09a6f7c25417def60b.json
index 4e9da8ce..41d646ab 100644
--- a/node_modules/.cache/babel-loader/c68407018c895d09a6f7c25417def60b.json
+++ b/node_modules/.cache/babel-loader/c68407018c895d09a6f7c25417def60b.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673507216982},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _defineProperty from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk, getApplication } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      componentShow: \"\",\n      currentDate: new Date(),\n      closeStatus: null,\n      dialogFormVisible: false,\n      fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n      ],\n      form: {\n        radio: '',\n        name: '',\n        city: '',\n        videoUrl: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [//     {\n      //     img:require('@/assets/img/AnalysisMain/img1.png'),\n      //     type:'实时视频',\n      //     title:'视频监控001'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img2.png'),\n      //     type:'离线视频',\n      //     title:'视频监控002'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img3.png'),\n      //     type:'实时视频',\n      //     title:'视频监控003'\n      // }\n    ]), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n  },\n  methods: {\n    informationInfo: function informationInfo(data, item) {\n      console.log(\"data\", data);\n\n      if (data == '新增') {\n        this.form = {\n          radio: '',\n          name: '',\n          city: '',\n          videoUrl: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _this = this;\n\n      console.log(\"item\", item);\n      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        getDeleteShipjk({\n          VideoId: item\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          _this.$message({\n            type: 'success',\n            message: '删除成功!'\n          });\n\n          _this.getVideoList();\n        });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    commit: function commit(form) {\n      var _this2 = this;\n\n      console.log(\"form\", form);\n      var formData = new FormData();\n      formData.append(\"VideoName\", form.videoName);\n      formData.append(\"VideoType\", form.videoType);\n      formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          _this2.getVideoList();\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n\n        _this2.dialogFormVisible = false;\n      });\n    },\n    handleFileChange: function handleFileChange(e) {\n      var inputDOM = this.$refs.inputer;\n      this.file = inputDOM.files[0]; // 通过DOM取文件数据\n    },\n    //应用\n    applicationBtn: function applicationBtn() {\n      var _this3 = this;\n\n      getApplication().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this3.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        }\n      });\n    },\n    S4: function S4() {\n      return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);\n    },\n    guid: function guid() {\n      return this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4();\n    },\n    load: function load() {\n      var _this4 = this;\n\n      var size = this.file.size; //文件大小\n\n      var maxZrea = 8; //设置每个分区大小 MB\n\n      var bufferSize = maxZrea * (1024 * 1024);\n      var fileStart = 0;\n      var fileEnd = bufferSize;\n      var arrFile = [];\n\n      while (fileStart < size) {\n        var fileInfo = {\n          File: this.file.slice(fileStart, fileEnd),\n          Start: fileStart,\n          End: fileEnd\n        };\n        arrFile.push(fileInfo);\n        fileStart = fileEnd;\n        fileEnd = fileStart + bufferSize;\n      }\n\n      var count = arrFile.length;\n      var filename = this.file.name + \"~\" + this.guid();\n\n      for (var i = 0; i < count; i++) {\n        var formData = new FormData(); //new一个formData事件\n\n        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n        var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n        console.log(\"url\", url); //               axios({\n        //     method: \"post\",\n        //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\n        //     headers: {\n        //                     \"Content-Type\": \"multipart/form-data;\",\n        //                 }\n        //   })\n\n        axios.post(url, formData, {\n          headers: {\n            \"Content-Type\": \"multipart/form-data;\"\n          }\n        }).then(function (r) {\n          console.log(\"r.data\", r.data);\n\n          if (r.data.code != 200) {\n            console.log(r.data);\n          } else {\n            _this4.$message({\n              message: r.data.msg,\n              type: 'success'\n            });\n          } //console.log(r.data.code);\n\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id, num) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id,\n          num: num\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this5 = this;\n\n      getGetShipjk().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.msg == '成功') {\n          var arr = [];\n          res.data.data.forEach(function (item) {\n            arr.push({\n              id: item.videoId,\n              type: item.videoType,\n              title: item.videoName,\n              num: item.number,\n              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this5.videoList = arr;\n          console.log(\"this.videoList\", _this5.videoList);\n        }\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    } //    onUpdateSubmit(data) {\n    //       if (data?.id) {\n    //         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n    //       } else {\n    //         this.tableData.push({\n    //           id: Math.floor(Math.random() * 300),\n    //           name: data.name,\n    //           creator: 'dd',\n    //         })\n    //       }\n    //       this.dialogFormVisible = false;\n    //     },\n\n  },\n  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673599864621},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport _defineProperty from \"D:/Hjm\\u9879\\u76EE/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk, getApplication, getStopAlgorithm } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nimport mqttConfig from \"@/utils/mqttConfig.js\";\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client;\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      receiveNews: \"\",\n      //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\n      topicSends: [],\n      componentShow: \"\",\n      numArr: [],\n      currentDate: new Date(),\n      closeStatus: null,\n      dialogFormVisible: false,\n      fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n      ],\n      form: {\n        radio: '',\n        name: '',\n        city: '',\n        videoUrl: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [//     {\n      //     img:require('@/assets/img/AnalysisMain/img1.png'),\n      //     type:'实时视频',\n      //     title:'视频监控001'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img2.png'),\n      //     type:'离线视频',\n      //     title:'视频监控002'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img3.png'),\n      //     type:'实时视频',\n      //     title:'视频监控003'\n      // }\n    ]), _defineProperty(_ref, \"fullscreenLoading\", false), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n    this.createMqtt();\n  },\n  //离开当前页面后执行\n  destroyed: function destroyed() {\n    console.log(\"离开当前页\");\n    client.end();\n  },\n  methods: {\n    /** 创建mqtt */\n    createMqtt: function createMqtt() {\n      var _this = this;\n\n      //创建链接，接收数据\n      mqtt = new mqttConfig(this.topicSends);\n      client = mqtt.createConnect();\n      client.subscribe('hert', {\n        qos: 0\n      }); //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\n      //       if (!err) {\n      //         console.log(\"订阅成功\");\n      //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \n      //       } else {\n      //         console.log('消息订阅失败！')\n      //       }\n      //     }); \n\n      client.subscribe(['img0', 'img1', 'img2', 'img3', 'img4', 'img5', 'img6', 'img7'], {\n        qos: 0\n      }, function (err) {\n        if (!err) {\n          console.log(\"订阅成功\");\n          client.publish('msg_stream', JSON.stringify({\n            \"msg_flag\": parseInt(-1)\n          }));\n        } else {\n          console.log('消息订阅失败！');\n        }\n      });\n      client.on(\"message\", function (topic, message) {\n        //数据分类\n        try {\n          //   this.receiveNews = this.receiveNews.concat(message);\n          //   this.realInfo(topic, this.receiveNews);\n          _this.realInfo(topic, message);\n        } catch (error) {}\n      });\n    },\n    //停止订阅mqtt\n    disConnect: function disConnect() {\n      if (client != null) {\n        client.unsubscribe(this.topicSends);\n        client = null;\n      }\n    },\n\n    /** 实时数据分类 */\n    realInfo: function realInfo(topic, message) {\n      console.log(\"topic\", topic);\n\n      switch (topic) {\n        // 接收托片\n        case \"img0\":\n        case \"img1\":\n        case \"img2\":\n        case \"img3\":\n        case \"img4\":\n        case \"img5\":\n        case \"img6\":\n        case \"img7\":\n        case \"img8\":\n          try {\n            var utf8decoder = new TextDecoder();\n            var u8arr = new Uint8Array(message);\n            var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n            var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   var newArr = []\n\n            console.log(\"msg\", msg); //msg为转换后的JSON数据\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n\n            if (this.videoList.length != 0) {\n              for (var i = 0; i < this.videoList.length; i++) {\n                if (msg.id == this.videoList[i].id) {\n                  this.videoList[i].img = 'data:image/png;base64,' + msg.pic;\n                }\n              }\n            }\n          } catch (error) {}\n\n          break;\n\n        case \"hert\":\n          try {\n            console.log(\"message\", message);\n\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log(\"msg\", _msg); //msg为转换后的JSON数据\n          } catch (error) {}\n\n          break;\n      }\n\n      this.receiveNews = \"\";\n    },\n    informationInfo: function informationInfo(data, item) {\n      console.log(\"data\", data);\n\n      if (data == '新增') {\n        this.form = {\n          radio: '',\n          name: '',\n          city: '',\n          videoUrl: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _this2 = this;\n\n      console.log(\"item\", item);\n      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        getDeleteShipjk({\n          VideoId: item\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          _this2.$message({\n            type: 'success',\n            message: '删除成功!'\n          });\n\n          _this2.getVideoList();\n        });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    commit: function commit(form) {\n      var _this3 = this;\n\n      console.log(\"form\", form);\n      var formData = new FormData();\n      formData.append(\"VideoName\", form.videoName);\n      formData.append(\"VideoType\", form.videoType);\n      formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _this3.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          _this3.getVideoList();\n        } else {\n          _this3.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n\n        _this3.dialogFormVisible = false;\n      });\n    },\n    handleFileChange: function handleFileChange(e) {\n      var inputDOM = this.$refs.inputer;\n      this.file = inputDOM.files[0]; // 通过DOM取文件数据\n    },\n    //应用\n    applicationBtn: function applicationBtn() {\n      var _this4 = this;\n\n      getApplication().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          var loading = _this4.$loading({\n            lock: true,\n            text: 'Loading',\n            spinner: 'el-icon-loading',\n            background: 'rgba(0, 0, 0, 0.7)'\n          });\n\n          setTimeout(function () {\n            loading.close();\n\n            _this4.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n          }, 5000);\n        }\n      });\n    },\n    //停止\n    stopAlgorithmBtn: function stopAlgorithmBtn() {\n      var _this5 = this;\n\n      getStopAlgorithm().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this5.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        }\n      });\n    },\n    S4: function S4() {\n      return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);\n    },\n    guid: function guid() {\n      return this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4();\n    },\n    load: function load() {\n      var _this6 = this;\n\n      var size = this.file.size; //文件大小\n\n      var maxZrea = 8; //设置每个分区大小 MB\n\n      var bufferSize = maxZrea * (1024 * 1024);\n      var fileStart = 0;\n      var fileEnd = bufferSize;\n      var arrFile = [];\n\n      while (fileStart < size) {\n        var fileInfo = {\n          File: this.file.slice(fileStart, fileEnd),\n          Start: fileStart,\n          End: fileEnd\n        };\n        arrFile.push(fileInfo);\n        fileStart = fileEnd;\n        fileEnd = fileStart + bufferSize;\n      }\n\n      var count = arrFile.length;\n      var filename = this.file.name + \"~\" + this.guid();\n\n      for (var i = 0; i < count; i++) {\n        var formData = new FormData(); //new一个formData事件\n\n        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n        var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n        console.log(\"url\", url); //               axios({\n        //     method: \"post\",\n        //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\n        //     headers: {\n        //                     \"Content-Type\": \"multipart/form-data;\",\n        //                 }\n        //   })\n\n        axios.post(url, formData, {\n          headers: {\n            \"Content-Type\": \"multipart/form-data;\"\n          }\n        }).then(function (r) {\n          console.log(\"r.data\", r.data);\n\n          if (r.data.code != 200) {\n            console.log(r.data);\n          } else {\n            _this6.$message({\n              message: r.data.msg,\n              type: 'success'\n            });\n          } //console.log(r.data.code);\n\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id, num) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id,\n          num: num\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this7 = this;\n\n      getGetShipjk().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.msg == '成功') {\n          var arr = [];\n          res.data.data.forEach(function (item) {\n            arr.push({\n              id: item.videoId,\n              type: item.videoType,\n              title: item.videoName,\n              num: item.number,\n              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this7.videoList = arr;\n          console.log(\"this.videoList\", _this7.videoList);\n        }\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    } //    onUpdateSubmit(data) {\n    //       if (data?.id) {\n    //         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n    //       } else {\n    //         this.tableData.push({\n    //           id: Math.floor(Math.random() * 300),\n    //           name: data.name,\n    //           creator: 'dd',\n    //         })\n    //       }\n    //       this.dialogFormVisible = false;\n    //     },\n\n  },\n  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\">\r\n    \r\n    \r\n    <el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button>\r\n    <el-button  type=\"primary\" @click=\"stopAlgorithmBtn\">关闭程序</el-button>\r\n    </div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\nexport default {\r\n  data(){\r\n    return{\r\n         receiveNews: \"\",\r\n        //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\r\n         topicSends:[],\r\n        componentShow: \"\",\r\n        numArr:[],\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n    \r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ],\r\n         fullscreenLoading: false\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n    this.createMqtt()\r\n  },\r\n   //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.end();\r\n},\r\n  methods: {\r\n         /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      \r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n    client.subscribe('hert', { qos: 0 })\r\n    //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\r\n    //       if (!err) {\r\n    //         console.log(\"订阅成功\");\r\n    //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n    //       } else {\r\n    //         console.log('消息订阅失败！')\r\n    //       }\r\n    //     }); \r\n        client.subscribe(['img0','img1','img2','img3','img4','img5','img6','img7'], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n             client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n        }); \r\n       client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n        console.log(\"topic\",topic)\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n        case \"img3\":\r\n        case \"img4\":\r\n        case \"img5\":\r\n        case \"img6\":\r\n        case \"img7\":\r\n        case \"img8\":\r\n          try {\r\n\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   var newArr = []\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n                       if(this.videoList.length!=0){\r\n        for (let i = 0; i < this.videoList.length; i++) { \r\n             if(msg.id==this.videoList[i].id){\r\n                this.videoList[i].img = 'data:image/png;base64,' + msg.pic\r\n             }   \r\n        }\r\n      }\r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n         case \"hert\":\r\n             try {\r\n            console.log(\"message\", message)\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              \r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                     const loading = this.$loading({\r\n          lock: true,\r\n          text: 'Loading',\r\n          spinner: 'el-icon-loading',\r\n          background: 'rgba(0, 0, 0, 0.7)'\r\n        });\r\n        setTimeout(() => {\r\n          loading.close();\r\n           this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n            }, 5000);  \r\n                }\r\n             })\r\n    },\r\n    //停止\r\n     stopAlgorithmBtn(){\r\n         getStopAlgorithm().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n          \r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/234b3e2060fca31d746d8702983c86ad.json b/node_modules/.cache/vue-loader/234b3e2060fca31d746d8702983c86ad.json
index 0c7f2e03..3c1ccd33 100644
--- a/node_modules/.cache/vue-loader/234b3e2060fca31d746d8702983c86ad.json
+++ b/node_modules/.cache/vue-loader/234b3e2060fca31d746d8702983c86ad.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673597053892},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"analysis\" },\n    [\n      _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            false\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.formInline,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"自动保存\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                      )\n                    ]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"自动保存：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.formInline.user,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"user\", $$v)\n                            },\n                            expression: \"formInline.user\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时间间隔：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { placeholder: \"时间间隔\" },\n                            model: {\n                              value: _vm.formInline.region,\n                              callback: function($$v) {\n                                _vm.$set(_vm.formInline, \"region\", $$v)\n                              },\n                              expression: \"formInline.region\"\n                            }\n                          },\n                          [\n                            _c(\"el-option\", {\n                              attrs: { label: \"20s\", value: \"shanghai\" }\n                            }),\n                            _c(\"el-option\", {\n                              attrs: { label: \"30s\", value: \"beijing\" }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                staticStyle: { \"margin-top\": \"15px\" },\n                attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n              },\n              [\n                false\n                  ? _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"重置分析\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                      )\n                    ])\n                  : _vm._e(),\n                false\n                  ? _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重置\")]\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"warning\",\n                    staticStyle: { \"margin-top\": \"15px\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleContent(\"postion\")\n                      }\n                    }\n                  },\n                  [\n                    _c(\"i\", {\n                      class:\n                        _vm.contentShow.postion == false\n                          ? \"el-icon-arrow-right\"\n                          : \"el-icon-arrow-down\",\n                      staticStyle: {\n                        \"font-weight\": \"600\",\n                        \"font-size\": \"18px\",\n                        \"margin-right\": \"5px\"\n                      }\n                    }),\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"相机位置\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \" 在 WGS84 坐标系中输入相机位置\\n                    \"\n                    )\n                  ]\n                ),\n                _vm.contentShow.postion\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"相机位置：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { size: \"small\", placeholder: \"经度\" },\n                          model: {\n                            value: _vm.sizeForm.longitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"longitude\", $$v)\n                            },\n                            expression: \"sizeForm.longitude\"\n                          }\n                        }),\n                        _c(\"el-input\", {\n                          staticStyle: {\n                            width: \"150px\",\n                            \"margin-left\": \"20px\"\n                          },\n                          attrs: { size: \"small\", placeholder: \"纬度\" },\n                          model: {\n                            value: _vm.sizeForm.latitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"latitude\", $$v)\n                            },\n                            expression: \"sizeForm.latitude\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _vm.contentShow.postion\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handSaveitude()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"coordinate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.coordinate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.coordinate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.coordinateForm,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticClass: \"otherThings\",\n                        attrs: { label: \"UTM区：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: {\n                            \"controls-position\": \"right\",\n                            size: \"small\",\n                            min: 1,\n                            max: 60\n                          },\n                          on: { change: _vm.handleEdit },\n                          model: {\n                            value: _vm.coordinateForm.num,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"num\", $$v)\n                            },\n                            expression: \"coordinateForm.num\"\n                          }\n                        }),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"warning\",\n                            staticStyle: { margin: \"0px\" }\n                          },\n                          [\n                            _c(\"i\", {\n                              staticClass: \"el-icon-warning\",\n                              staticStyle: {\n                                color: \"#409eff\",\n                                margin: \"0 3px 0 10px\"\n                              }\n                            }),\n                            _vm._v(\n                              \"地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\\n                            \"\n                            )\n                          ]\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"半球：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { size: \"small\", placeholder: \"请选择\" },\n                            model: {\n                              value: _vm.coordinateForm.value,\n                              callback: function($$v) {\n                                _vm.$set(_vm.coordinateForm, \"value\", $$v)\n                              },\n                              expression: \"coordinateForm.value\"\n                            }\n                          },\n                          _vm._l(_vm.options, function(item) {\n                            return _c(\"el-option\", {\n                              key: item.value,\n                              attrs: { label: item.label, value: item.value }\n                            })\n                          }),\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"坐标转换：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value:\n                                _vm.coordinateForm.coordinateTransformation,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.coordinateForm,\n                                  \"coordinateTransformation\",\n                                  $$v\n                                )\n                              },\n                              expression:\n                                \"coordinateForm.coordinateTransformation\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"WGS-84坐标系\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"100%\",\n                          height: \"702px\",\n                          \"margin-bottom\": \"10px\"\n                        }\n                      },\n                      [\n                        _c(\"iframe\", {\n                          ref: \"analysisWeb\",\n                          staticStyle: { width: \"100%\", height: \"100%\" },\n                          attrs: {\n                            src: \"./analysisWeb/index.html\",\n                            frameborder: \"0\"\n                          }\n                        })\n                      ]\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"warning\" },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { color: \"#fffff\" },\n                            attrs: { size: \"mini\", type: \"primary\" },\n                            on: {\n                              click: function($event) {\n                                _vm.dialogVisible = true\n                              }\n                            }\n                          },\n                          [_vm._v(\"新增点\\n                        \")]\n                        ),\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"请至少配置4个点，不满足4个点会没有数据。\\n                    \"\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-table\",\n                      { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                      [\n                        _c(\n                          \"template\",\n                          { slot: \"empty\" },\n                          [\n                            _c(\"el-empty\", {\n                              attrs: {\n                                \"image-size\": 100,\n                                description: \"暂无数据\"\n                              }\n                            })\n                          ],\n                          1\n                        ),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"pointName\",\n                            label: \"点名称\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        disabled:\n                                          scope.row.btnShow == \"1\"\n                                            ? true\n                                            : false,\n                                        maxlength: \"30\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.pointName,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"pointName\", $$v)\n                                        },\n                                        expression: \"scope.row.pointName\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1287560117\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"longitude\",\n                            label: \"经度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        disabled:\n                                          scope.row.btnShow == \"1\"\n                                            ? true\n                                            : false,\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.longitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"longitude\", $$v)\n                                        },\n                                        expression: \"scope.row.longitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2855063516\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"latitude\",\n                            label: \"纬度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        disabled:\n                                          scope.row.btnShow == \"1\"\n                                            ? true\n                                            : false,\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.latitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"latitude\", $$v)\n                                        },\n                                        expression: \"scope.row.latitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            4154330543\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            label: \"操作\",\n                            align: \"center\",\n                            \"class-name\": \"small-padding fixed-width\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    (scope.row.btnShow == \"1\"\n                                    ? true\n                                    : false)\n                                      ? _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleExit(\n                                                  scope.row,\n                                                  scope.$index\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              \"编辑\\n                                \"\n                                            )\n                                          ]\n                                        )\n                                      : _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleconfirm(\n                                                  scope.row,\n                                                  scope.$index\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              \"确认编辑\\n                                \"\n                                            )\n                                          ]\n                                        ),\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        staticStyle: { color: \"#f56c6c\" },\n                                        attrs: { size: \"mini\", type: \"text\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleDeleteDian(\n                                              scope.row\n                                            )\n                                          }\n                                        }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"删除\\n                                \"\n                                        )\n                                      ]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            337464026\n                          )\n                        })\n                      ],\n                      2\n                    ),\n                    _c(\n                      \"div\",\n                      { staticStyle: { \"margin-top\": \"15px\" } },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: {\n                              type: \"primary\",\n                              disabled: _vm.coordinateTableData.length < 4,\n                              size: \"small\"\n                            },\n                            on: {\n                              click: function($event) {\n                                return _vm.handlePos()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(0),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"车道识别配置开关：\",\n                          \"label-width\": \"150px\"\n                        }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.laneform.laneClose,\n                            callback: function($$v) {\n                              _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                            },\n                            expression: \"laneform.laneClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: { label: \"各车道中心线（区域检测器）：\" }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.areaDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                                },\n                                expression: \"laneform.areaDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: {\n                              label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                            }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.sectionDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                                },\n                                expression: \"laneform.sectionDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(1),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.identificationAreaform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"识别区域开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.identificationAreaform\n                                .identificationAreaClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.identificationAreaform,\n                                \"identificationAreaClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"identificationAreaform.identificationAreaClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(2),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.trajectorySmoothingform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"轨迹平滑开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.trajectorySmoothingform\n                                .trajectorySmoothingClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.trajectorySmoothingform,\n                                \"trajectorySmoothingClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"trajectorySmoothingform.trajectorySmoothingClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"250px\" },\n                            attrs: { label: \"预测滤波时间：\" }\n                          },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: {\n                                min: 2000,\n                                max: 3000,\n                                label: \"预测滤波时间\"\n                              },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.trajectorySmoothingform.time,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.trajectorySmoothingform,\n                                    \"time\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"trajectorySmoothingform.time\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"plate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.plate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.plate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.licensePlateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"车牌识别开关：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          attrs: { \"active-value\": \"1\", \"inactive-value\": \"0\" },\n                          on: {\n                            change: function($event) {\n                              return _vm.changeChepai($event)\n                            }\n                          },\n                          model: {\n                            value: _vm.licensePlateform.licensePlateClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.licensePlateform,\n                                \"licensePlateClose\",\n                                $$v\n                              )\n                            },\n                            expression: \"licensePlateform.licensePlateClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"div\",\n                          {\n                            staticStyle: {\n                              width: \"100%\",\n                              height: \"400px\",\n                              \"margin-bottom\": \"10px\"\n                            }\n                          },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"el-table\",\n                          {\n                            attrs: {\n                              border: \"\",\n                              data: _vm.licensePlateTableData\n                            }\n                          },\n                          [\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"sectionPlate\",\n                                label: \"断面号牌\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"30\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.sectionPlate,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"sectionPlate\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.sectionPlate\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.sectionPlate\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                942623791\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"setAssociation\",\n                                label: \"断面设置关联：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.setAssociation,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"setAssociation\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.setAssociation\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.setAssociation\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                95706651\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"thresholdValue\",\n                                label: \"车牌匹配阈值：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.thresholdValue,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"thresholdValue\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.thresholdValue\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.thresholdValue\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                4003674747\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                label: \"操作：\",\n                                align: \"center\",\n                                \"class-name\": \"small-padding fixed-width\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleAdd(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  \"Add\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleUpdate(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Apply\"\n                                                      : \"Edit\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#f56c6c\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleDelete(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Cancel\"\n                                                      : \"Delete\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e()\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                2051407138\n                              )\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { \"margin-top\": \"15px\" } },\n                          [\n                            _vm.licensePlateform.licensePlateClose == true\n                              ? _c(\n                                  \"el-button\",\n                                  {\n                                    staticStyle: { width: \"150px\" },\n                                    attrs: { type: \"primary\", size: \"small\" },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.handleagain()\n                                      }\n                                    }\n                                  },\n                                  [_vm._v(\"保存\")]\n                                )\n                              : _vm._e()\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"parking\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.parking == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.parking\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.stopStateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"位移：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"位移\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.displacement,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                            },\n                            expression: \"stopStateform.displacement\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"速度：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"速度\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.speed,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                            },\n                            expression: \"stopStateform.speed\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"加速度：\" } },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.stopStateform.acceleration,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.stopStateform,\n                                    \"acceleration\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"stopStateform.acceleration\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.contentShow.parking\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleParking()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(3),\n                _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      model: _vm.communicationform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"更新频率：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"200px\" },\n                          model: {\n                            value: _vm.communicationform.renewalFrequency,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.communicationform,\n                                \"renewalFrequency\",\n                                $$v\n                              )\n                            },\n                            expression: \"communicationform.renewalFrequency\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { display: \"flex\" },\n                        attrs: { label: \"类型：\" }\n                      },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.communicationform.type,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"type\", $$v)\n                              },\n                              expression: \"communicationform.type\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"快速-用于高带宽连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"平衡-适用于大多数连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"慢速-用于低带宽连接\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求轻型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求重型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"FPS分配器：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"框架决议：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"框架决议\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"自动\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩格式：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"压缩格式\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"JPG\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩率：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: { width: \"200px\" },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"新增点\",\n            visible: _vm.dialogVisible,\n            width: \"30%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"addform\",\n              attrs: {\n                rules: _vm.formRules,\n                model: _vm.addDianForm,\n                \"label-position\": \"left\",\n                \"label-width\": \"85px\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"点名称：\", prop: \"pointName\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: \"请输入点名称\" },\n                        model: {\n                          value: _vm.addDianForm.pointName,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"pointName\", $$v)\n                          },\n                          expression: \"addDianForm.pointName\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"经度：\", prop: \"longitude\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入经度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.longitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"longitude\", $$v)\n                          },\n                          expression: \"addDianForm.longitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"纬度：\", prop: \"latitude\" } },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入纬度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.latitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"latitude\", $$v)\n                          },\n                          expression: \"addDianForm.latitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"span\",\n            {\n              staticClass: \"dialog-footer\",\n              attrs: { slot: \"footer\" },\n              slot: \"footer\"\n            },\n            [\n              _c(\n                \"el-button\",\n                {\n                  on: {\n                    click: function($event) {\n                      _vm.dialogVisible = false\n                    }\n                  }\n                },\n                [_vm._v(\"取 消\")]\n              ),\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleDian(\"addform\")\n                    }\n                  }\n                },\n                [_vm._v(\"确 定\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673600324998},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"analysis\" },\n    [\n      _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            false\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.formInline,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"自动保存\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                      )\n                    ]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"自动保存：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.formInline.user,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"user\", $$v)\n                            },\n                            expression: \"formInline.user\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时间间隔：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { placeholder: \"时间间隔\" },\n                            model: {\n                              value: _vm.formInline.region,\n                              callback: function($$v) {\n                                _vm.$set(_vm.formInline, \"region\", $$v)\n                              },\n                              expression: \"formInline.region\"\n                            }\n                          },\n                          [\n                            _c(\"el-option\", {\n                              attrs: { label: \"20s\", value: \"shanghai\" }\n                            }),\n                            _c(\"el-option\", {\n                              attrs: { label: \"30s\", value: \"beijing\" }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                staticStyle: { \"margin-top\": \"15px\" },\n                attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n              },\n              [\n                false\n                  ? _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"重置分析\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                      )\n                    ])\n                  : _vm._e(),\n                false\n                  ? _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重置\")]\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"warning\",\n                    staticStyle: { \"margin-top\": \"15px\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleContent(\"postion\")\n                      }\n                    }\n                  },\n                  [\n                    _c(\"i\", {\n                      class:\n                        _vm.contentShow.postion == false\n                          ? \"el-icon-arrow-right\"\n                          : \"el-icon-arrow-down\",\n                      staticStyle: {\n                        \"font-weight\": \"600\",\n                        \"font-size\": \"18px\",\n                        \"margin-right\": \"5px\"\n                      }\n                    }),\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"相机位置\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \" 在 WGS84 坐标系中输入相机位置\\n                    \"\n                    )\n                  ]\n                ),\n                _vm.contentShow.postion\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"相机位置：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { size: \"small\", placeholder: \"经度\" },\n                          model: {\n                            value: _vm.sizeForm.longitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"longitude\", $$v)\n                            },\n                            expression: \"sizeForm.longitude\"\n                          }\n                        }),\n                        _c(\"el-input\", {\n                          staticStyle: {\n                            width: \"150px\",\n                            \"margin-left\": \"20px\"\n                          },\n                          attrs: { size: \"small\", placeholder: \"纬度\" },\n                          model: {\n                            value: _vm.sizeForm.latitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"latitude\", $$v)\n                            },\n                            expression: \"sizeForm.latitude\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _vm.contentShow.postion\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handSaveitude()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"coordinate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.coordinate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.coordinate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.coordinateForm,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticClass: \"otherThings\",\n                        attrs: { label: \"UTM区：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: {\n                            \"controls-position\": \"right\",\n                            precision: 0,\n                            size: \"small\",\n                            min: 1,\n                            max: 60\n                          },\n                          model: {\n                            value: _vm.coordinateForm.num,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"num\", $$v)\n                            },\n                            expression: \"coordinateForm.num\"\n                          }\n                        }),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"warning\",\n                            staticStyle: { margin: \"0px\" }\n                          },\n                          [\n                            _c(\"i\", {\n                              staticClass: \"el-icon-warning\",\n                              staticStyle: {\n                                color: \"#409eff\",\n                                margin: \"0 3px 0 10px\"\n                              }\n                            }),\n                            _vm._v(\n                              \"地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\\n                            \"\n                            )\n                          ]\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"半球：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { size: \"small\", placeholder: \"请选择\" },\n                            model: {\n                              value: _vm.coordinateForm.value,\n                              callback: function($$v) {\n                                _vm.$set(_vm.coordinateForm, \"value\", $$v)\n                              },\n                              expression: \"coordinateForm.value\"\n                            }\n                          },\n                          _vm._l(_vm.options, function(item) {\n                            return _c(\"el-option\", {\n                              key: item.value,\n                              attrs: { label: item.label, value: item.value }\n                            })\n                          }),\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"坐标转换：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value:\n                                _vm.coordinateForm.coordinateTransformation,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.coordinateForm,\n                                  \"coordinateTransformation\",\n                                  $$v\n                                )\n                              },\n                              expression:\n                                \"coordinateForm.coordinateTransformation\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"WGS-84坐标系\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"100%\",\n                          height: \"702px\",\n                          \"margin-bottom\": \"10px\"\n                        }\n                      },\n                      [\n                        _c(\"iframe\", {\n                          ref: \"analysisWeb\",\n                          staticStyle: { width: \"100%\", height: \"100%\" },\n                          attrs: {\n                            src: \"./analysisWeb/index.html\",\n                            frameborder: \"0\"\n                          }\n                        })\n                      ]\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"warning\" },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { color: \"#fffff\" },\n                            attrs: { size: \"mini\", type: \"primary\" },\n                            on: {\n                              click: function($event) {\n                                _vm.dialogVisible = true\n                              }\n                            }\n                          },\n                          [_vm._v(\"新增点\\n                        \")]\n                        ),\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"请至少配置4个点，不满足4个点会没有数据。\\n                    \"\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-table\",\n                      { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                      [\n                        _c(\n                          \"template\",\n                          { slot: \"empty\" },\n                          [\n                            _c(\"el-empty\", {\n                              attrs: {\n                                \"image-size\": 100,\n                                description: \"暂无数据\"\n                              }\n                            })\n                          ],\n                          1\n                        ),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"pointName\",\n                            label: \"点名称\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        disabled:\n                                          scope.row.btnShow == \"1\"\n                                            ? true\n                                            : false,\n                                        maxlength: \"30\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.pointName,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"pointName\", $$v)\n                                        },\n                                        expression: \"scope.row.pointName\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1287560117\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"longitude\",\n                            label: \"经度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        disabled:\n                                          scope.row.btnShow == \"1\"\n                                            ? true\n                                            : false,\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.longitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"longitude\", $$v)\n                                        },\n                                        expression: \"scope.row.longitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2855063516\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"latitude\",\n                            label: \"纬度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        disabled:\n                                          scope.row.btnShow == \"1\"\n                                            ? true\n                                            : false,\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.latitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"latitude\", $$v)\n                                        },\n                                        expression: \"scope.row.latitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            4154330543\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            label: \"操作\",\n                            align: \"center\",\n                            \"class-name\": \"small-padding fixed-width\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    (scope.row.btnShow == \"1\"\n                                    ? true\n                                    : false)\n                                      ? _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleExit(\n                                                  scope.row,\n                                                  scope.$index\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              \"编辑\\n                                \"\n                                            )\n                                          ]\n                                        )\n                                      : _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleconfirm(\n                                                  scope.row,\n                                                  scope.$index\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              \"确认编辑\\n                                \"\n                                            )\n                                          ]\n                                        ),\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        staticStyle: { color: \"#f56c6c\" },\n                                        attrs: { size: \"mini\", type: \"text\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleDeleteDian(\n                                              scope.row\n                                            )\n                                          }\n                                        }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"删除\\n                                \"\n                                        )\n                                      ]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            337464026\n                          )\n                        })\n                      ],\n                      2\n                    ),\n                    _c(\n                      \"div\",\n                      { staticStyle: { \"margin-top\": \"15px\" } },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: {\n                              type: \"primary\",\n                              disabled: _vm.coordinateTableData.length < 4,\n                              size: \"small\"\n                            },\n                            on: {\n                              click: function($event) {\n                                return _vm.handlePos()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(0),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"车道识别配置开关：\",\n                          \"label-width\": \"150px\"\n                        }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.laneform.laneClose,\n                            callback: function($$v) {\n                              _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                            },\n                            expression: \"laneform.laneClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: { label: \"各车道中心线（区域检测器）：\" }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.areaDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                                },\n                                expression: \"laneform.areaDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: {\n                              label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                            }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.sectionDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                                },\n                                expression: \"laneform.sectionDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(1),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.identificationAreaform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"识别区域开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.identificationAreaform\n                                .identificationAreaClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.identificationAreaform,\n                                \"identificationAreaClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"identificationAreaform.identificationAreaClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(2),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.trajectorySmoothingform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"轨迹平滑开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.trajectorySmoothingform\n                                .trajectorySmoothingClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.trajectorySmoothingform,\n                                \"trajectorySmoothingClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"trajectorySmoothingform.trajectorySmoothingClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"250px\" },\n                            attrs: { label: \"预测滤波时间：\" }\n                          },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: {\n                                min: 2000,\n                                max: 3000,\n                                label: \"预测滤波时间\"\n                              },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.trajectorySmoothingform.time,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.trajectorySmoothingform,\n                                    \"time\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"trajectorySmoothingform.time\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"plate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.plate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.plate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.licensePlateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"车牌识别开关：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          attrs: { \"active-value\": \"1\", \"inactive-value\": \"0\" },\n                          on: {\n                            change: function($event) {\n                              return _vm.changeChepai($event)\n                            }\n                          },\n                          model: {\n                            value: _vm.licensePlateform.licensePlateClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.licensePlateform,\n                                \"licensePlateClose\",\n                                $$v\n                              )\n                            },\n                            expression: \"licensePlateform.licensePlateClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"div\",\n                          {\n                            staticStyle: {\n                              width: \"100%\",\n                              height: \"400px\",\n                              \"margin-bottom\": \"10px\"\n                            }\n                          },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"el-table\",\n                          {\n                            attrs: {\n                              border: \"\",\n                              data: _vm.licensePlateTableData\n                            }\n                          },\n                          [\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"sectionPlate\",\n                                label: \"断面号牌\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"30\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.sectionPlate,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"sectionPlate\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.sectionPlate\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.sectionPlate\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                942623791\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"setAssociation\",\n                                label: \"断面设置关联：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.setAssociation,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"setAssociation\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.setAssociation\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.setAssociation\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                95706651\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"thresholdValue\",\n                                label: \"车牌匹配阈值：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.thresholdValue,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"thresholdValue\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.thresholdValue\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.thresholdValue\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                4003674747\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                label: \"操作：\",\n                                align: \"center\",\n                                \"class-name\": \"small-padding fixed-width\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleAdd(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  \"Add\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleUpdate(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Apply\"\n                                                      : \"Edit\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#f56c6c\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleDelete(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Cancel\"\n                                                      : \"Delete\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e()\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                2051407138\n                              )\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { \"margin-top\": \"15px\" } },\n                          [\n                            _vm.licensePlateform.licensePlateClose == true\n                              ? _c(\n                                  \"el-button\",\n                                  {\n                                    staticStyle: { width: \"150px\" },\n                                    attrs: { type: \"primary\", size: \"small\" },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.handleagain()\n                                      }\n                                    }\n                                  },\n                                  [_vm._v(\"保存\")]\n                                )\n                              : _vm._e()\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"parking\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.parking == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.parking\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.stopStateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"位移：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"位移\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.displacement,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                            },\n                            expression: \"stopStateform.displacement\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"速度：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"速度\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.speed,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                            },\n                            expression: \"stopStateform.speed\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"加速度：\" } },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.stopStateform.acceleration,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.stopStateform,\n                                    \"acceleration\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"stopStateform.acceleration\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.contentShow.parking\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleParking()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(3),\n                _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      model: _vm.communicationform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"更新频率：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"200px\" },\n                          model: {\n                            value: _vm.communicationform.renewalFrequency,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.communicationform,\n                                \"renewalFrequency\",\n                                $$v\n                              )\n                            },\n                            expression: \"communicationform.renewalFrequency\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { display: \"flex\" },\n                        attrs: { label: \"类型：\" }\n                      },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.communicationform.type,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"type\", $$v)\n                              },\n                              expression: \"communicationform.type\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"快速-用于高带宽连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"平衡-适用于大多数连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"慢速-用于低带宽连接\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求轻型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求重型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"FPS分配器：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"框架决议：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"框架决议\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"自动\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩格式：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"压缩格式\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"JPG\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩率：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: { width: \"200px\" },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"新增点\",\n            visible: _vm.dialogVisible,\n            width: \"30%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"addform\",\n              attrs: {\n                rules: _vm.formRules,\n                model: _vm.addDianForm,\n                \"label-position\": \"left\",\n                \"label-width\": \"85px\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"点名称：\", prop: \"pointName\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: \"请输入点名称\" },\n                        model: {\n                          value: _vm.addDianForm.pointName,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"pointName\", $$v)\n                          },\n                          expression: \"addDianForm.pointName\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"经度：\", prop: \"longitude\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入经度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.longitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"longitude\", $$v)\n                          },\n                          expression: \"addDianForm.longitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"纬度：\", prop: \"latitude\" } },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入纬度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.latitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"latitude\", $$v)\n                          },\n                          expression: \"addDianForm.latitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"span\",\n            {\n              staticClass: \"dialog-footer\",\n              attrs: { slot: \"footer\" },\n              slot: \"footer\"\n            },\n            [\n              _c(\n                \"el-button\",\n                {\n                  on: {\n                    click: function($event) {\n                      _vm.dialogVisible = false\n                    }\n                  }\n                },\n                [_vm._v(\"取 消\")]\n              ),\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleDian(\"addform\")\n                    }\n                  }\n                },\n                [_vm._v(\"确 定\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/33c323b549383552a0b572c8c981b55b.json b/node_modules/.cache/vue-loader/33c323b549383552a0b572c8c981b55b.json
index 6eb22f60..7b62ba27 100644
--- a/node_modules/.cache/vue-loader/33c323b549383552a0b572c8c981b55b.json
+++ b/node_modules/.cache/vue-loader/33c323b549383552a0b572c8c981b55b.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673507216982},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1672881375404},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n.btn{\n    position: absolute;\n    right: 10%;\n    bottom: 18%;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673599864621},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1672881375404},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n.btn{\n    position: absolute;\n    right: 10%;\n    bottom: 18%;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\">\r\n    \r\n    \r\n    <el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button>\r\n    <el-button  type=\"primary\" @click=\"stopAlgorithmBtn\">关闭程序</el-button>\r\n    </div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\nexport default {\r\n  data(){\r\n    return{\r\n         receiveNews: \"\",\r\n        //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\r\n         topicSends:[],\r\n        componentShow: \"\",\r\n        numArr:[],\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n    \r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ],\r\n         fullscreenLoading: false\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n    this.createMqtt()\r\n  },\r\n   //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.end();\r\n},\r\n  methods: {\r\n         /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      \r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n    client.subscribe('hert', { qos: 0 })\r\n    //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\r\n    //       if (!err) {\r\n    //         console.log(\"订阅成功\");\r\n    //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n    //       } else {\r\n    //         console.log('消息订阅失败！')\r\n    //       }\r\n    //     }); \r\n        client.subscribe(['img0','img1','img2','img3','img4','img5','img6','img7'], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n             client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n        }); \r\n       client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n        console.log(\"topic\",topic)\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n        case \"img3\":\r\n        case \"img4\":\r\n        case \"img5\":\r\n        case \"img6\":\r\n        case \"img7\":\r\n        case \"img8\":\r\n          try {\r\n\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   var newArr = []\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n                       if(this.videoList.length!=0){\r\n        for (let i = 0; i < this.videoList.length; i++) { \r\n             if(msg.id==this.videoList[i].id){\r\n                this.videoList[i].img = 'data:image/png;base64,' + msg.pic\r\n             }   \r\n        }\r\n      }\r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n         case \"hert\":\r\n             try {\r\n            console.log(\"message\", message)\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              \r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                     const loading = this.$loading({\r\n          lock: true,\r\n          text: 'Loading',\r\n          spinner: 'el-icon-loading',\r\n          background: 'rgba(0, 0, 0, 0.7)'\r\n        });\r\n        setTimeout(() => {\r\n          loading.close();\r\n           this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n            }, 5000);  \r\n                }\r\n             })\r\n    },\r\n    //停止\r\n     stopAlgorithmBtn(){\r\n         getStopAlgorithm().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n          \r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3b9c80a44388e0b776cbdf2e1b587b0f.json b/node_modules/.cache/vue-loader/3b9c80a44388e0b776cbdf2e1b587b0f.json
index 3a8f238b..1bef9fb3 100644
--- a/node_modules/.cache/vue-loader/3b9c80a44388e0b776cbdf2e1b587b0f.json
+++ b/node_modules/.cache/vue-loader/3b9c80a44388e0b776cbdf2e1b587b0f.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673507216982},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id, item.num)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"btn\" },\n          [\n            _c(\n              \"el-button\",\n              { attrs: { type: \"primary\" }, on: { click: _vm.applicationBtn } },\n              [_vm._v(\"启动程序\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673599864621},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id, item.num)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"btn\" },\n          [\n            _c(\n              \"el-button\",\n              { attrs: { type: \"primary\" }, on: { click: _vm.applicationBtn } },\n              [_vm._v(\"启动程序\")]\n            ),\n            _c(\n              \"el-button\",\n              {\n                attrs: { type: \"primary\" },\n                on: { click: _vm.stopAlgorithmBtn }\n              },\n              [_vm._v(\"关闭程序\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/3d0a2c1387bac21e30b6ca30e73d6d81.json b/node_modules/.cache/vue-loader/3d0a2c1387bac21e30b6ca30e73d6d81.json
index dcf17074..ae3b223b 100644
--- a/node_modules/.cache/vue-loader/3d0a2c1387bac21e30b6ca30e73d6d81.json
+++ b/node_modules/.cache/vue-loader/3d0a2c1387bac21e30b6ca30e73d6d81.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673575849760},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\n            <div class=\"mapModuleApp\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div> -->\n     \n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\" name=\"second\">\n          <dataBoard :activeName=\"activeName\"></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\" name=\"third\">\n          <analysisConfiguration></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\n          <editModal></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        \n      </el-dialog> -->\n      <el-drawer\n      class=\"new-dialog\"\n  :visible.sync=\"dialogFormVisible\"\n  direction=\"btt\"\n  custom-class=\"demo-drawer\"\n  ref=\"drawer\"\n  :modal=\"false\" \n :close-on-click-modal=\"false\"\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \n  :wrapperClosable=\"false\" \n  :with-header=\"false\"\n  >\n      <div class=\"formBox\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item> -->\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        </div> \n     \n       \n</el-drawer>\n      <!-- 组件弹框 -->\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\n          <el-form-item label=\"名称：\">\n            <el-input v-model=\"componentForm.componentName\"></el-input>\n          </el-form-item>\n          \n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\n            </el-select>\n          </el-form-item>\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"componentForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item> -->\n        <el-form-item label=\"周期间隔：\">\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\n            </el-slider> -->\n            <el-slider v-model=\"componentForm.cycleInterval\">\n            </el-slider>\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\n              <el-option label=\"小时\" value=\"hh\"></el-option>\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\n              <el-option\n\t\t\t   v-for=\"item in timeSelect\"\n\t\t\t   :key=\"item.value\"\n\t\t\t   :label=\"item.label\"\n\t\t\t   :value=\"item.value\"\n\t\t\t ></el-option>\n            </el-select>\n        </el-form-item>\n        <!-- <el-form-item label=\"单位：\" >\n         \n        </el-form-item> -->\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n             \n            </el-checkbox-group>\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group> -->\n          </el-form-item>\n          \n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n    \n      \n    <!-- </div> -->\n  </div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673599864716},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\n            <div class=\"mapModuleApp\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div> -->\n     \n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\" name=\"second\">\n          <dataBoard :activeName=\"activeName\"></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\" name=\"third\">\n          <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\n          <editModal ></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        \n      </el-dialog> -->\n      <el-drawer\n      class=\"new-dialog\"\n  :visible.sync=\"dialogFormVisible\"\n  direction=\"btt\"\n  custom-class=\"demo-drawer\"\n  ref=\"drawer\"\n  :modal=\"false\" \n :close-on-click-modal=\"false\"\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \n  :wrapperClosable=\"false\" \n  :with-header=\"false\"\n  >\n      <div class=\"formBox\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item> -->\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        </div> \n     \n       \n</el-drawer>\n      <!-- 组件弹框 -->\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\n          <el-form-item label=\"名称：\">\n            <el-input v-model=\"componentForm.componentName\"></el-input>\n          </el-form-item>\n          \n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\n            </el-select>\n          </el-form-item>\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"componentForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item> -->\n        <el-form-item label=\"周期间隔：\">\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\n            </el-slider> -->\n            <el-slider v-model=\"componentForm.cycleInterval\">\n            </el-slider>\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\n              <el-option label=\"小时\" value=\"hh\"></el-option>\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\n              <el-option\n\t\t\t   v-for=\"item in timeSelect\"\n\t\t\t   :key=\"item.value\"\n\t\t\t   :label=\"item.label\"\n\t\t\t   :value=\"item.value\"\n\t\t\t ></el-option>\n            </el-select>\n        </el-form-item>\n        <!-- <el-form-item label=\"单位：\" >\n         \n        </el-form-item> -->\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n             \n            </el-checkbox-group>\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group> -->\n          </el-form-item>\n          \n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n    \n      \n    <!-- </div> -->\n  </div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/99b9c8f4987602d48d938b4215615f7a.json b/node_modules/.cache/vue-loader/99b9c8f4987602d48d938b4215615f7a.json
index c4a3b431..6a541e4b 100644
--- a/node_modules/.cache/vue-loader/99b9c8f4987602d48d938b4215615f7a.json
+++ b/node_modules/.cache/vue-loader/99b9c8f4987602d48d938b4215615f7a.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673507216982},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673599864621},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\">\r\n    \r\n    \r\n    <el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button>\r\n    <el-button  type=\"primary\" @click=\"stopAlgorithmBtn\">关闭程序</el-button>\r\n    </div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a9490cc6b8de8e35e92e7b24b8893eed.json b/node_modules/.cache/vue-loader/a9490cc6b8de8e35e92e7b24b8893eed.json
index f21328a6..3f459cbf 100644
--- a/node_modules/.cache/vue-loader/a9490cc6b8de8e35e92e7b24b8893eed.json
+++ b/node_modules/.cache/vue-loader/a9490cc6b8de8e35e92e7b24b8893eed.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673575849760},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"content-box\" },\n    [\n      _c(\n        \"div\",\n        [\n          _c(\n            \"el-tabs\",\n            {\n              attrs: { type: \"border-card\" },\n              model: {\n                value: _vm.activeName,\n                callback: function($$v) {\n                  _vm.activeName = $$v\n                },\n                expression: \"activeName\"\n              }\n            },\n            [\n              _c(\"el-tab-pane\", { attrs: { label: \"xx路口\", name: \"first\" } }, [\n                _c(\"div\", { staticClass: \"mapModuleApp\" }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\",\n                      scrolling: \"no\"\n                    }\n                  })\n                ])\n              ]),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"数据看板\", name: \"second\" } },\n                [_c(\"dataBoard\", { attrs: { activeName: _vm.activeName } })],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析配置\", name: \"third\" } },\n                [_c(\"analysisConfiguration\")],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析状态\", name: \"fourth\" } },\n                [_c(\"editModal\")],\n                1\n              ),\n              _c(\"el-tab-pane\", { attrs: { label: \"存储\", name: \"five\" } }, [\n                _vm._v(\"存储\")\n              ])\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-drawer\",\n        {\n          directives: [\n            {\n              name: \"alterELDialogMarginTop\",\n              rawName: \"v-alterELDialogMarginTop\",\n              value: { marginTop: \"0vh\" },\n              expression: \"{marginTop:'0vh'}\"\n            }\n          ],\n          ref: \"drawer\",\n          staticClass: \"new-dialog\",\n          attrs: {\n            visible: _vm.dialogFormVisible,\n            direction: \"btt\",\n            \"custom-class\": \"demo-drawer\",\n            modal: false,\n            \"close-on-click-modal\": false,\n            customClass: \"customWidth\",\n            width: \"100%\",\n            wrapperClosable: false,\n            \"with-header\": false\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogFormVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"formBox\" },\n            [\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.form,\n                    \"label-width\": \"80px\",\n                    inline: true\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"组件名称\" } },\n                    [\n                      _c(\"el-input\", {\n                        model: {\n                          value: _vm.form.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"name\", $$v)\n                          },\n                          expression: \"form.name\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.form.type == \"断面\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"断面方向\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择类型\" },\n                              model: {\n                                value: _vm.form.Direction,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.form, \"Direction\", $$v)\n                                },\n                                expression: \"form.Direction\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"正向\", value: \"正向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"反向\", value: \"反向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"双向\", value: \"双向\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-form-item\",\n                    [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"primary\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.onSubmit(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"确认\")]\n                      ),\n                      _c(\n                        \"el-button\",\n                        {\n                          on: {\n                            click: function($event) {\n                              return _vm.closeFigure(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"取消\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ]\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: _vm.componentTitle + \"指标组件\",\n            width: \"40%\",\n            visible: _vm.component\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.component = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.componentForm, \"label-width\": \"150px\" },\n              on: {\n                close: function($event) {\n                  return _vm.closeComponentForm()\n                }\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"名称：\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.componentForm.componentName,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"componentName\", $$v)\n                      },\n                      expression: \"componentForm.componentName\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"类型\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"类型筛选：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          model: {\n                            value: _vm.componentForm.typeFiltering,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"typeFiltering\", $$v)\n                            },\n                            expression: \"componentForm.typeFiltering\"\n                          }\n                        },\n                        _vm._l(_vm.typeData, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            { key: item, attrs: { label: item } },\n                            [_vm._v(_vm._s(item))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"数值筛选：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        model: {\n                          value: _vm.componentForm.startValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"startValue\", $$v)\n                          },\n                          expression: \"componentForm.startValue\"\n                        }\n                      }),\n                      _c(\"el-input-number\", {\n                        staticStyle: { \"margin-left\": \"5%\" },\n                        model: {\n                          value: _vm.componentForm.endValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"endValue\", $$v)\n                          },\n                          expression: \"componentForm.endValue\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"时间模式：\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择时间模式\" },\n                      model: {\n                        value: _vm.componentForm.timeMode,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"timeMode\", $$v)\n                        },\n                        expression: \"componentForm.timeMode\"\n                      }\n                    },\n                    [\n                      _c(\"el-option\", {\n                        attrs: { label: \"触发\", value: \"touch\" }\n                      }),\n                      _vm.componentForm.componentType != \"排队数\" &&\n                      _vm.componentForm.componentType != \"检测数\" &&\n                      _vm.componentForm.componentType != \"延误\" &&\n                      _vm.componentForm.componentType != \"拥堵\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期时刻\", value: \"timeing\" }\n                          })\n                        : _vm._e(),\n                      _vm.componentForm.componentType != \"OD\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期统计\", value: \"date\" }\n                          })\n                        : _vm._e()\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"周期间隔：\" } },\n                [\n                  _c(\"el-slider\", {\n                    model: {\n                      value: _vm.componentForm.cycleInterval,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"cycleInterval\", $$v)\n                      },\n                      expression: \"componentForm.cycleInterval\"\n                    }\n                  }),\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择单位\" },\n                      model: {\n                        value: _vm.componentForm.company,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"company\", $$v)\n                        },\n                        expression: \"componentForm.company\"\n                      }\n                    },\n                    _vm._l(_vm.timeSelect, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"起点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedStartSection },\n                          model: {\n                            value: _vm.componentForm.startSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"startSection\", $$v)\n                            },\n                            expression: \"componentForm.startSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"终点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedendSection },\n                          model: {\n                            value: _vm.componentForm.endSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"endSection\", $$v)\n                            },\n                            expression: \"componentForm.endSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"展现形式：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handlePresentation },\n                          model: {\n                            value: _vm.componentForm.presentation,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"presentation\", $$v)\n                            },\n                            expression: \"componentForm.presentation\"\n                          }\n                        },\n                        [\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"数值\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"表格\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"时间曲线图\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"直方图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"饼状图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"均值图\", name: \"type\" }\n                              })\n                            : _vm._e()\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.onSubmitComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          return _vm.closeComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673599864716},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"content-box\" },\n    [\n      _c(\n        \"div\",\n        [\n          _c(\n            \"el-tabs\",\n            {\n              attrs: { type: \"border-card\" },\n              model: {\n                value: _vm.activeName,\n                callback: function($$v) {\n                  _vm.activeName = $$v\n                },\n                expression: \"activeName\"\n              }\n            },\n            [\n              _c(\"el-tab-pane\", { attrs: { label: \"xx路口\", name: \"first\" } }, [\n                _c(\"div\", { staticClass: \"mapModuleApp\" }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\",\n                      scrolling: \"no\"\n                    }\n                  })\n                ])\n              ]),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"数据看板\", name: \"second\" } },\n                [_c(\"dataBoard\", { attrs: { activeName: _vm.activeName } })],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析配置\", name: \"third\" } },\n                [\n                  _c(\"analysisConfiguration\", {\n                    attrs: {\n                      analysisConfigurationdata: _vm.analysisConfigurationdata\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析状态\", name: \"fourth\" } },\n                [_c(\"editModal\")],\n                1\n              ),\n              _c(\"el-tab-pane\", { attrs: { label: \"存储\", name: \"five\" } }, [\n                _vm._v(\"存储\")\n              ])\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-drawer\",\n        {\n          directives: [\n            {\n              name: \"alterELDialogMarginTop\",\n              rawName: \"v-alterELDialogMarginTop\",\n              value: { marginTop: \"0vh\" },\n              expression: \"{marginTop:'0vh'}\"\n            }\n          ],\n          ref: \"drawer\",\n          staticClass: \"new-dialog\",\n          attrs: {\n            visible: _vm.dialogFormVisible,\n            direction: \"btt\",\n            \"custom-class\": \"demo-drawer\",\n            modal: false,\n            \"close-on-click-modal\": false,\n            customClass: \"customWidth\",\n            width: \"100%\",\n            wrapperClosable: false,\n            \"with-header\": false\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogFormVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"formBox\" },\n            [\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.form,\n                    \"label-width\": \"80px\",\n                    inline: true\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"组件名称\" } },\n                    [\n                      _c(\"el-input\", {\n                        model: {\n                          value: _vm.form.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"name\", $$v)\n                          },\n                          expression: \"form.name\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.form.type == \"断面\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"断面方向\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择类型\" },\n                              model: {\n                                value: _vm.form.Direction,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.form, \"Direction\", $$v)\n                                },\n                                expression: \"form.Direction\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"正向\", value: \"正向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"反向\", value: \"反向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"双向\", value: \"双向\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-form-item\",\n                    [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"primary\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.onSubmit(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"确认\")]\n                      ),\n                      _c(\n                        \"el-button\",\n                        {\n                          on: {\n                            click: function($event) {\n                              return _vm.closeFigure(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"取消\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ]\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: _vm.componentTitle + \"指标组件\",\n            width: \"40%\",\n            visible: _vm.component\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.component = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.componentForm, \"label-width\": \"150px\" },\n              on: {\n                close: function($event) {\n                  return _vm.closeComponentForm()\n                }\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"名称：\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.componentForm.componentName,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"componentName\", $$v)\n                      },\n                      expression: \"componentForm.componentName\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"类型\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"类型筛选：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          model: {\n                            value: _vm.componentForm.typeFiltering,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"typeFiltering\", $$v)\n                            },\n                            expression: \"componentForm.typeFiltering\"\n                          }\n                        },\n                        _vm._l(_vm.typeData, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            { key: item, attrs: { label: item } },\n                            [_vm._v(_vm._s(item))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"数值筛选：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        model: {\n                          value: _vm.componentForm.startValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"startValue\", $$v)\n                          },\n                          expression: \"componentForm.startValue\"\n                        }\n                      }),\n                      _c(\"el-input-number\", {\n                        staticStyle: { \"margin-left\": \"5%\" },\n                        model: {\n                          value: _vm.componentForm.endValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"endValue\", $$v)\n                          },\n                          expression: \"componentForm.endValue\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"时间模式：\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择时间模式\" },\n                      model: {\n                        value: _vm.componentForm.timeMode,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"timeMode\", $$v)\n                        },\n                        expression: \"componentForm.timeMode\"\n                      }\n                    },\n                    [\n                      _c(\"el-option\", {\n                        attrs: { label: \"触发\", value: \"touch\" }\n                      }),\n                      _vm.componentForm.componentType != \"排队数\" &&\n                      _vm.componentForm.componentType != \"检测数\" &&\n                      _vm.componentForm.componentType != \"延误\" &&\n                      _vm.componentForm.componentType != \"拥堵\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期时刻\", value: \"timeing\" }\n                          })\n                        : _vm._e(),\n                      _vm.componentForm.componentType != \"OD\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期统计\", value: \"date\" }\n                          })\n                        : _vm._e()\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"周期间隔：\" } },\n                [\n                  _c(\"el-slider\", {\n                    model: {\n                      value: _vm.componentForm.cycleInterval,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"cycleInterval\", $$v)\n                      },\n                      expression: \"componentForm.cycleInterval\"\n                    }\n                  }),\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择单位\" },\n                      model: {\n                        value: _vm.componentForm.company,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"company\", $$v)\n                        },\n                        expression: \"componentForm.company\"\n                      }\n                    },\n                    _vm._l(_vm.timeSelect, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"起点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedStartSection },\n                          model: {\n                            value: _vm.componentForm.startSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"startSection\", $$v)\n                            },\n                            expression: \"componentForm.startSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"终点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedendSection },\n                          model: {\n                            value: _vm.componentForm.endSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"endSection\", $$v)\n                            },\n                            expression: \"componentForm.endSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"展现形式：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handlePresentation },\n                          model: {\n                            value: _vm.componentForm.presentation,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"presentation\", $$v)\n                            },\n                            expression: \"componentForm.presentation\"\n                          }\n                        },\n                        [\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"数值\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"表格\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"时间曲线图\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"直方图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"饼状图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"均值图\", name: \"type\" }\n                              })\n                            : _vm._e()\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.onSubmitComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          return _vm.closeComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/aab125e900f3e2da422b690a2b741bda.json b/node_modules/.cache/vue-loader/aab125e900f3e2da422b690a2b741bda.json
index deb60cfb..abfcafd2 100644
--- a/node_modules/.cache/vue-loader/aab125e900f3e2da422b690a2b741bda.json
+++ b/node_modules/.cache/vue-loader/aab125e900f3e2da422b690a2b741bda.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673597053892},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\Hjm项目\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673600324998},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"D:\\\\Hjm项目\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ab853e9937aad90782d113e164056561.json b/node_modules/.cache/vue-loader/ab853e9937aad90782d113e164056561.json
index 78c88e50..4263528a 100644
--- a/node_modules/.cache/vue-loader/ab853e9937aad90782d113e164056561.json
+++ b/node_modules/.cache/vue-loader/ab853e9937aad90782d113e164056561.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673597674418},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\n                        <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                        <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\n                        <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\n                    <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('coordinate')\">\n                    <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\n                    <!-- <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item> -->\n                    <el-form-item label=\"UTM区：\"  class=\"otherThings\">\n                            <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\n                            <div class=\"warning\" style=\"margin:0px\">\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                                >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\n                            </div>\n                    </el-form-item>\n                    <el-form-item label=\"半球：\" >\n                      <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\n                          <el-option\n                            v-for=\"(item) in options\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                          </el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" >\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"WGS-84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\n                        <iframe\n                            ref=\"analysisWeb\"\n                            src=\"./analysisWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                    </div>\n                    <div class=\"warning\">\n                        <el-button\n                            size=\"mini\"\n                            type=\"primary\"\n                            style=\"color: #fffff\"\n                            @click=\"dialogVisible = true\"\n                            >新增点\n                        </el-button>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >请至少配置4个点，不满足4个点会没有数据。\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" >\n                        <template slot=\"empty\">\n                          <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\n                        </template>\n                        <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    v-if=\"scope.row.btnShow == '1'?true:false\"\n                                    @click=\"handleExit(scope.row,scope.$index)\"\n                                    >编辑\n                                </el-button>\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    v-else\n                                    @click=\"handleconfirm(scope.row,scope.$index)\"\n                                    >确认编辑\n                                </el-button>\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDeleteDian(scope.row)\"\n                                    >删除\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            :disabled=\"coordinateTableData.length<4\"\n                            @click=\"handlePos()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('plate')\">\n                  <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\n                    </el-form-item>\n                    <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\" v-if=\"false\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('parking')\">\n                  <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\" v-if=\"false\"> \n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\n                    <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n                            <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n                            <el-radio label=\"自定义\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n        <el-dialog\n          title=\"新增点\"\n          :visible.sync=\"dialogVisible\"\n          width=\"30%\"\n          :before-close=\"handleClose\">\n          <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\n              <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"纬度：\" prop=\"latitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\n                </el-col>\n              </el-form-item>\n          </el-form>\n          <span slot=\"footer\" class=\"dialog-footer\">\n            <el-button @click=\"dialogVisible = false\">取 消</el-button>\n            <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\n          </span>\n        </el-dialog>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673600324998},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\n                        <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                        <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\n                        <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\n                    <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('coordinate')\">\n                    <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\n                    <!-- <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item> -->\n                    <el-form-item label=\"UTM区：\"  class=\"otherThings\">\n                            <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\n                            <div class=\"warning\" style=\"margin:0px\">\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                                >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\n                            </div>\n                    </el-form-item>\n                    <el-form-item label=\"半球：\" >\n                      <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\n                          <el-option\n                            v-for=\"(item) in options\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                          </el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" >\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"WGS-84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\n                        <iframe\n                            ref=\"analysisWeb\"\n                            src=\"./analysisWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                    </div>\n                    <div class=\"warning\">\n                        <el-button\n                            size=\"mini\"\n                            type=\"primary\"\n                            style=\"color: #fffff\"\n                            @click=\"dialogVisible = true\"\n                            >新增点\n                        </el-button>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >请至少配置4个点，不满足4个点会没有数据。\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" >\n                        <template slot=\"empty\">\n                          <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\n                        </template>\n                        <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    v-if=\"scope.row.btnShow == '1'?true:false\"\n                                    @click=\"handleExit(scope.row,scope.$index)\"\n                                    >编辑\n                                </el-button>\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    v-else\n                                    @click=\"handleconfirm(scope.row,scope.$index)\"\n                                    >确认编辑\n                                </el-button>\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDeleteDian(scope.row)\"\n                                    >删除\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            :disabled=\"coordinateTableData.length<4\"\n                            @click=\"handlePos()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('plate')\">\n                  <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\n                    </el-form-item>\n                    <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\" v-if=\"false\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('parking')\">\n                  <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\" v-if=\"false\"> \n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\n                    <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n                            <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n                            <el-radio label=\"自定义\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n        <el-dialog\n          title=\"新增点\"\n          :visible.sync=\"dialogVisible\"\n          width=\"30%\"\n          :before-close=\"handleClose\">\n          <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\n              <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"纬度：\" prop=\"latitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\n                </el-col>\n              </el-form-item>\n          </el-form>\n          <span slot=\"footer\" class=\"dialog-footer\">\n            <el-button @click=\"dialogVisible = false\">取 消</el-button>\n            <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\n          </span>\n        </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/aea17c465c37c4ba8e9c5ad2a4354965.json b/node_modules/.cache/vue-loader/aea17c465c37c4ba8e9c5ad2a4354965.json
index abf621e5..704b244d 100644
--- a/node_modules/.cache/vue-loader/aea17c465c37c4ba8e9c5ad2a4354965.json
+++ b/node_modules/.cache/vue-loader/aea17c465c37c4ba8e9c5ad2a4354965.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673507216982},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673599864621},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\nexport default {\r\n  data(){\r\n    return{\r\n         receiveNews: \"\",\r\n        //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\r\n         topicSends:[],\r\n        componentShow: \"\",\r\n        numArr:[],\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n    \r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ],\r\n         fullscreenLoading: false\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n    this.createMqtt()\r\n  },\r\n   //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.end();\r\n},\r\n  methods: {\r\n         /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      \r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n    client.subscribe('hert', { qos: 0 })\r\n    //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\r\n    //       if (!err) {\r\n    //         console.log(\"订阅成功\");\r\n    //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n    //       } else {\r\n    //         console.log('消息订阅失败！')\r\n    //       }\r\n    //     }); \r\n        client.subscribe(['img0','img1','img2','img3','img4','img5','img6','img7'], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n             client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n        }); \r\n       client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n        console.log(\"topic\",topic)\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n        case \"img3\":\r\n        case \"img4\":\r\n        case \"img5\":\r\n        case \"img6\":\r\n        case \"img7\":\r\n        case \"img8\":\r\n          try {\r\n\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   var newArr = []\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n                       if(this.videoList.length!=0){\r\n        for (let i = 0; i < this.videoList.length; i++) { \r\n             if(msg.id==this.videoList[i].id){\r\n                this.videoList[i].img = 'data:image/png;base64,' + msg.pic\r\n             }   \r\n        }\r\n      }\r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n         case \"hert\":\r\n             try {\r\n            console.log(\"message\", message)\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              \r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                     const loading = this.$loading({\r\n          lock: true,\r\n          text: 'Loading',\r\n          spinner: 'el-icon-loading',\r\n          background: 'rgba(0, 0, 0, 0.7)'\r\n        });\r\n        setTimeout(() => {\r\n          loading.close();\r\n           this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n            }, 5000);  \r\n                }\r\n             })\r\n    },\r\n    //停止\r\n     stopAlgorithmBtn(){\r\n         getStopAlgorithm().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n          \r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\">\r\n    \r\n    \r\n    <el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button>\r\n    <el-button  type=\"primary\" @click=\"stopAlgorithmBtn\">关闭程序</el-button>\r\n    </div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\nexport default {\r\n  data(){\r\n    return{\r\n         receiveNews: \"\",\r\n        //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\r\n         topicSends:[],\r\n        componentShow: \"\",\r\n        numArr:[],\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n    \r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ],\r\n         fullscreenLoading: false\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n    this.createMqtt()\r\n  },\r\n   //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.end();\r\n},\r\n  methods: {\r\n         /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      \r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n    client.subscribe('hert', { qos: 0 })\r\n    //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\r\n    //       if (!err) {\r\n    //         console.log(\"订阅成功\");\r\n    //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n    //       } else {\r\n    //         console.log('消息订阅失败！')\r\n    //       }\r\n    //     }); \r\n        client.subscribe(['img0','img1','img2','img3','img4','img5','img6','img7'], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n             client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n        }); \r\n       client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n        console.log(\"topic\",topic)\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n        case \"img3\":\r\n        case \"img4\":\r\n        case \"img5\":\r\n        case \"img6\":\r\n        case \"img7\":\r\n        case \"img8\":\r\n          try {\r\n\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   var newArr = []\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n                       if(this.videoList.length!=0){\r\n        for (let i = 0; i < this.videoList.length; i++) { \r\n             if(msg.id==this.videoList[i].id){\r\n                this.videoList[i].img = 'data:image/png;base64,' + msg.pic\r\n             }   \r\n        }\r\n      }\r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n         case \"hert\":\r\n             try {\r\n            console.log(\"message\", message)\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              \r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                     const loading = this.$loading({\r\n          lock: true,\r\n          text: 'Loading',\r\n          spinner: 'el-icon-loading',\r\n          background: 'rgba(0, 0, 0, 0.7)'\r\n        });\r\n        setTimeout(() => {\r\n          loading.close();\r\n           this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n            }, 5000);  \r\n                }\r\n             })\r\n    },\r\n    //停止\r\n     stopAlgorithmBtn(){\r\n         getStopAlgorithm().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n          \r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b068ca9fc976956cf86ab1ab501d64d9.json b/node_modules/.cache/vue-loader/b068ca9fc976956cf86ab1ab501d64d9.json
index 0abde90f..8309c2c6 100644
--- a/node_modules/.cache/vue-loader/b068ca9fc976956cf86ab1ab501d64d9.json
+++ b/node_modules/.cache/vue-loader/b068ca9fc976956cf86ab1ab501d64d9.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673597053892},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1672881375404},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\"   size=\"small\" @change=\"handleEdit\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                ref=\"analysisWeb\"\r\n                                src=\"./analysisWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-if=\"scope.row.btnShow == '1'?true:false\"\r\n                                        @click=\"handleExit(scope.row,scope.$index)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-else\r\n                                        @click=\"handleconfirm(scope.row,scope.$index)\"\r\n                                        >确认编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n    },\r\n    methods: {\r\n        handleEdit(){\r\n            let re = /^[0-9]+$/\r\n            if (!re.test(this.coordinateForm.num)) {\r\n                console.log(123123);\r\n                this.$message({\r\n                    type: 'error',\r\n                    message: '请输入1~60之间的正整数!'\r\n                });\r\n                this.cycle = this.oordinateForm.num\r\n            }\r\n        },\r\n        saveCoordinate(){\r\n\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673600324998},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1672881375404},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                ref=\"analysisWeb\"\r\n                                src=\"./analysisWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-if=\"scope.row.btnShow == '1'?true:false\"\r\n                                        @click=\"handleExit(scope.row,scope.$index)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-else\r\n                                        @click=\"handleconfirm(scope.row,scope.$index)\"\r\n                                        >确认编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    props:{\r\n        analysisConfigurationdata:{\r\n\t\t\ttype:Object, \r\n            default () {\r\n                return {}\r\n            }\r\n\t\t}\r\n    },\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n        console.log(this.analysisConfigurationdata,'asdddd');\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/df750507470d930b6c6de7cf2d70a5aa.json b/node_modules/.cache/vue-loader/df750507470d930b6c6de7cf2d70a5aa.json
index 11693918..419c5695 100644
--- a/node_modules/.cache/vue-loader/df750507470d930b6c6de7cf2d70a5aa.json
+++ b/node_modules/.cache/vue-loader/df750507470d930b6c6de7cf2d70a5aa.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673575849760},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1672881375404},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+8BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n    window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673599864716},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1672881375404},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAw9BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal ></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:'',\r\n        \r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:'',\r\n      analysisConfigurationdata:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n   window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n  client.end();\r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              if(msg.rate=='high'){\r\n                 document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n              }else{\r\n                \r\n                this.analysisConfigurationdata = msg\r\n              }\r\n                // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(this.componentId+','+componentForm.componentName)\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ee5e8a15d2207d52c2ba3792ba347b2d.json b/node_modules/.cache/vue-loader/ee5e8a15d2207d52c2ba3792ba347b2d.json
index c9a5365e..e8006cdc 100644
--- a/node_modules/.cache/vue-loader/ee5e8a15d2207d52c2ba3792ba347b2d.json
+++ b/node_modules/.cache/vue-loader/ee5e8a15d2207d52c2ba3792ba347b2d.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673575849760},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n    window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n    window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\index.vue","mtime":1673599864716},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:'',\r\n        \r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:'',\r\n      analysisConfigurationdata:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n   window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n  client.end();\r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              if(msg.rate=='high'){\r\n                 document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n              }else{\r\n                \r\n                this.analysisConfigurationdata = msg\r\n              }\r\n                // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(this.componentId+','+componentForm.componentName)\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal ></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:'',\r\n        \r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:'',\r\n      analysisConfigurationdata:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n   window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n  client.end();\r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              if(msg.rate=='high'){\r\n                 document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n              }else{\r\n                \r\n                this.analysisConfigurationdata = msg\r\n              }\r\n                // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(this.componentId+','+componentForm.componentName)\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/f43ae9d7d323a1d3b8f56d174745f16c.json b/node_modules/.cache/vue-loader/f43ae9d7d323a1d3b8f56d174745f16c.json
index 4136e5d6..bf28e7d8 100644
--- a/node_modules/.cache/vue-loader/f43ae9d7d323a1d3b8f56d174745f16c.json
+++ b/node_modules/.cache/vue-loader/f43ae9d7d323a1d3b8f56d174745f16c.json
@@ -1 +1 @@
-{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673597869661},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+cA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                ref=\"analysisWeb\"\r\n                                src=\"./analysisWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-if=\"scope.row.btnShow == '1'?true:false\"\r\n                                        @click=\"handleExit(scope.row,scope.$index)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-else\r\n                                        @click=\"handleconfirm(scope.row,scope.$index)\"\r\n                                        >确认编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673600324998},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    props:{\r\n        analysisConfigurationdata:{\r\n\t\t\ttype:Object, \r\n            default () {\r\n                return {}\r\n            }\r\n\t\t}\r\n    },\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n        console.log(this.analysisConfigurationdata,'asdddd');\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+cA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                ref=\"analysisWeb\"\r\n                                src=\"./analysisWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-if=\"scope.row.btnShow == '1'?true:false\"\r\n                                        @click=\"handleExit(scope.row,scope.$index)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-else\r\n                                        @click=\"handleconfirm(scope.row,scope.$index)\"\r\n                                        >确认编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    props:{\r\n        analysisConfigurationdata:{\r\n\t\t\ttype:Object, \r\n            default () {\r\n                return {}\r\n            }\r\n\t\t}\r\n    },\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n        console.log(this.analysisConfigurationdata,'asdddd');\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/src/views/bounced/analysisConfiguration.vue b/src/views/bounced/analysisConfiguration.vue
index 9d04bb65..1bee45ec 100644
--- a/src/views/bounced/analysisConfiguration.vue
+++ b/src/views/bounced/analysisConfiguration.vue
@@ -464,6 +464,14 @@
 import mqtt from 'mqtt'; // mqtt协议
 import {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from "@/api/index";
 export default {
+    props:{
+        analysisConfigurationdata:{
+			type:Object, 
+            default () {
+                return {}
+            }
+		}
+    },
     data() {
         return {
             oldName:'',
@@ -661,6 +669,7 @@ export default {
     mounted(){
         window.OnSceneload = this.OnSceneload;
         window.saveCoordinate = this.saveCoordinate;
+        console.log(this.analysisConfigurationdata,'asdddd');
     },
     methods: {
         saveCoordinate(obj){
diff --git a/src/views/index.vue b/src/views/index.vue
index 65e0b10f..ad7ea451 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -355,7 +355,7 @@ export default {
       loadingShow1: true,
       number:'',
       componentId:'',
-      analysisConfigurationdata:''
+      analysisConfigurationdata:{}
     //   carInfo: [], //小车信息
     //   carName: '',
     //   palletizerInfo: [], //码垛机信息

From 4db321ae103f98dd8cc44272a3282dce55135a63 Mon Sep 17 00:00:00 2001
From: huajimang <782841784@qq.com>
Date: Fri, 13 Jan 2023 17:27:55 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/index.vue | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/views/index.vue b/src/views/index.vue
index ad7ea451..c37d2a07 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -82,16 +82,16 @@
       </el-dialog> -->
       <el-drawer
       class="new-dialog"
-  :visible.sync="dialogFormVisible"
-  direction="btt"
-  custom-class="demo-drawer"
-  ref="drawer"
-  :modal="false" 
- :close-on-click-modal="false"
-  v-alterELDialogMarginTop="{marginTop:'0vh'}" customClass='customWidth' width="100%" 
-  :wrapperClosable="false" 
-  :with-header="false"
-  >
+        :visible.sync="dialogFormVisible"
+        direction="btt"
+        custom-class="demo-drawer"
+        ref="drawer"
+        :modal="false" 
+      :close-on-click-modal="false"
+        v-alterELDialogMarginTop="{marginTop:'0vh'}" customClass='customWidth' width="100%" 
+        :wrapperClosable="false" 
+        :with-header="false"
+        >
       <div class="formBox">
         <el-form ref="form" :model="form" label-width="80px" :inline="true">
           <el-form-item label="组件名称">

From 2ecd5dc7bf3fdee8cd47f90bc5886f557a27c294 Mon Sep 17 00:00:00 2001
From: fengzi2333 <1273556223@qq.com>
Date: Sat, 14 Jan 2023 10:11:04 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../577c0ec7b1f978e5d56d74c14d690f9d.json     |  2 +-
 .../8f3b2d1fc0cb99785c97dd83906a5464.json     |  2 +-
 .../943bc819096583d5ce312ed5cfac0abf.json     |  2 +-
 .../97687da616fcbe1b36e2a9f27af0132c.json     |  2 +-
 .../9e921fb4e85d8c84d9cb996e6f59f18d.json     |  2 +-
 .../babebd07c9e45c29c0b2c34bd8667c0d.json     |  2 +-
 .../0ff651fb2f27ec91eb0b14791ce443f3.json     |  2 +-
 .../1e6340d792a23f3043363a119993b7ee.json     |  2 +-
 .../23afe18120ddeac9b17afb14d4030dac.json     |  2 +-
 .../241cbc12b8840c31eea16c7dc5c6f766.json     |  2 +-
 .../24de90158b615f61fe968ad40e1e652a.json     |  2 +-
 .../368b5df4ccb4a3ed1a14c540d175fef0.json     |  2 +-
 .../36e64493a96c622c8a7b92426182b9cc.json     |  2 +-
 .../4367819b5c615a21b497d1a040c23146.json     |  1 +
 .../4900345edcbeb465069c0ee79ceb3fd6.json     |  2 +-
 .../7cecbcccd53d31cc0cc3080825a08a6a.json     |  2 +-
 .../7e6ef74193d634ab826912dbc395cac0.json     |  2 +-
 .../8613f9f53c1ec5877ba1fad8eb8acf7e.json     |  1 +
 .../917e70d2ca807e0a3f9b9fa376f5ba8c.json     |  2 +-
 .../91b568b016377ef75ab2f6d4a3dfb131.json     |  2 +-
 .../9a0677ed8fbe1946b4ba77225ed7f6b7.json     |  2 +-
 .../9b28dc4238b7b1a6ec0f883a87df0533.json     |  2 +-
 .../9e4d9d18e84d5a8631d25c2871ddfae0.json     |  2 +-
 .../a565f3cca1fca2495ccf33515d5acb38.json     |  2 +-
 .../ae20ab78d3d7188d1d7583d4bfbc8b05.json     |  2 +-
 .../b93ef8eb929b8dabccae63849b4b15cb.json     |  2 +-
 .../c48f81b2a4c0a569b0a23e86e4fb22f2.json     |  1 +
 .../ca1c0905f56a754b4135e545509b286b.json     |  2 +-
 .../e4287693e3ce062bc00d82c4dba0b7df.json     |  2 +-
 .../e940c7bce6fada6ad75967d24aa12368.json     |  2 +-
 src/components/chart/lineChart.vue            |  1 -
 src/views/bounced/dataBoard.vue               | 60 +++++++++++++++----
 32 files changed, 78 insertions(+), 40 deletions(-)
 create mode 100644 node_modules/.cache/vue-loader/4367819b5c615a21b497d1a040c23146.json
 create mode 100644 node_modules/.cache/vue-loader/8613f9f53c1ec5877ba1fad8eb8acf7e.json
 create mode 100644 node_modules/.cache/vue-loader/c48f81b2a4c0a569b0a23e86e4fb22f2.json

diff --git a/node_modules/.cache/babel-loader/577c0ec7b1f978e5d56d74c14d690f9d.json b/node_modules/.cache/babel-loader/577c0ec7b1f978e5d56d74c14d690f9d.json
index 124293b2..7b8ff84f 100644
--- a/node_modules/.cache/babel-loader/577c0ec7b1f978e5d56d74c14d690f9d.json
+++ b/node_modules/.cache/babel-loader/577c0ec7b1f978e5d56d74c14d690f9d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk, getApplication } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      componentShow: \"\",\n      currentDate: new Date(),\n      closeStatus: null,\n      dialogFormVisible: false,\n      fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n      ],\n      form: {\n        radio: '',\n        name: '',\n        city: '',\n        videoUrl: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [//     {\n      //     img:require('@/assets/img/AnalysisMain/img1.png'),\n      //     type:'实时视频',\n      //     title:'视频监控001'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img2.png'),\n      //     type:'离线视频',\n      //     title:'视频监控002'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img3.png'),\n      //     type:'实时视频',\n      //     title:'视频监控003'\n      // }\n    ]), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n  },\n  methods: {\n    informationInfo: function informationInfo(data, item) {\n      console.log(\"data\", data);\n\n      if (data == '新增') {\n        this.form = {\n          radio: '',\n          name: '',\n          city: '',\n          videoUrl: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _this = this;\n\n      console.log(\"item\", item);\n      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        getDeleteShipjk({\n          VideoId: item\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          _this.$message({\n            type: 'success',\n            message: '删除成功!'\n          });\n\n          _this.getVideoList();\n        });\n      }).catch(function () {\n        _this.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    commit: function commit(form) {\n      var _this2 = this;\n\n      console.log(\"form\", form);\n      var formData = new FormData();\n      formData.append(\"VideoName\", form.videoName);\n      formData.append(\"VideoType\", form.videoType);\n      formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          _this2.getVideoList();\n        } else {\n          _this2.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n\n        _this2.dialogFormVisible = false;\n      });\n    },\n    handleFileChange: function handleFileChange(e) {\n      var inputDOM = this.$refs.inputer;\n      this.file = inputDOM.files[0]; // 通过DOM取文件数据\n    },\n    //应用\n    applicationBtn: function applicationBtn() {\n      var _this3 = this;\n\n      getApplication().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this3.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        }\n      });\n    },\n    S4: function S4() {\n      return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);\n    },\n    guid: function guid() {\n      return this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4();\n    },\n    load: function load() {\n      var _this4 = this;\n\n      var size = this.file.size; //文件大小\n\n      var maxZrea = 8; //设置每个分区大小 MB\n\n      var bufferSize = maxZrea * (1024 * 1024);\n      var fileStart = 0;\n      var fileEnd = bufferSize;\n      var arrFile = [];\n\n      while (fileStart < size) {\n        var fileInfo = {\n          File: this.file.slice(fileStart, fileEnd),\n          Start: fileStart,\n          End: fileEnd\n        };\n        arrFile.push(fileInfo);\n        fileStart = fileEnd;\n        fileEnd = fileStart + bufferSize;\n      }\n\n      var count = arrFile.length;\n      var filename = this.file.name + \"~\" + this.guid();\n\n      for (var i = 0; i < count; i++) {\n        var formData = new FormData(); //new一个formData事件\n\n        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n        var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n        console.log(\"url\", url); //               axios({\n        //     method: \"post\",\n        //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\n        //     headers: {\n        //                     \"Content-Type\": \"multipart/form-data;\",\n        //                 }\n        //   })\n\n        axios.post(url, formData, {\n          headers: {\n            \"Content-Type\": \"multipart/form-data;\"\n          }\n        }).then(function (r) {\n          console.log(\"r.data\", r.data);\n\n          if (r.data.code != 200) {\n            console.log(r.data);\n          } else {\n            _this4.$message({\n              message: r.data.msg,\n              type: 'success'\n            });\n          } //console.log(r.data.code);\n\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id, num) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id,\n          num: num\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this5 = this;\n\n      getGetShipjk().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.msg == '成功') {\n          var arr = [];\n          res.data.data.forEach(function (item) {\n            arr.push({\n              id: item.videoId,\n              type: item.videoType,\n              title: item.videoName,\n              num: item.number,\n              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this5.videoList = arr;\n          console.log(\"this.videoList\", _this5.videoList);\n        }\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    } //    onUpdateSubmit(data) {\n    //       if (data?.id) {\n    //         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n    //       } else {\n    //         this.tableData.push({\n    //           id: Math.floor(Math.random() * 300),\n    //           name: data.name,\n    //           creator: 'dd',\n    //         })\n    //       }\n    //       this.dialogFormVisible = false;\n    //     },\n\n  },\n  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673601263626},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport { getGetShipjk, getDeleteShipjk, getApplication, getStopAlgorithm } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios';\nimport mqttConfig from \"@/utils/mqttConfig.js\";\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client;\nexport default {\n  data: function data() {\n    var _ref;\n\n    return _ref = {\n      receiveNews: \"\",\n      //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\n      topicSends: [],\n      componentShow: \"\",\n      numArr: [],\n      currentDate: new Date(),\n      closeStatus: null,\n      dialogFormVisible: false,\n      fileList: [// {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\n      ],\n      form: {\n        radio: '',\n        name: '',\n        city: '',\n        videoUrl: ''\n      },\n      formLabelWidth: '120px'\n    }, _defineProperty(_ref, \"formLabelWidth\", '200px'), _defineProperty(_ref, \"videoList\", [//     {\n      //     img:require('@/assets/img/AnalysisMain/img1.png'),\n      //     type:'实时视频',\n      //     title:'视频监控001'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img2.png'),\n      //     type:'离线视频',\n      //     title:'视频监控002'\n      // },{\n      //     img:require('@/assets/img/AnalysisMain/img3.png'),\n      //     type:'实时视频',\n      //     title:'视频监控003'\n      // }\n    ]), _defineProperty(_ref, \"fullscreenLoading\", false), _ref;\n  },\n  mounted: function mounted() {\n    console.log(\"dialogFormVisible\", this.dialogFormVisible);\n    this.getVideoList();\n    this.createMqtt();\n  },\n  //离开当前页面后执行\n  destroyed: function destroyed() {\n    console.log(\"离开当前页\");\n    client.end();\n  },\n  methods: {\n    /** 创建mqtt */\n    createMqtt: function createMqtt() {\n      var _this = this;\n\n      //创建链接，接收数据\n      mqtt = new mqttConfig(this.topicSends);\n      client = mqtt.createConnect();\n      client.subscribe('hert', {\n        qos: 0\n      }); //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\n      //       if (!err) {\n      //         console.log(\"订阅成功\");\n      //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \n      //       } else {\n      //         console.log('消息订阅失败！')\n      //       }\n      //     }); \n\n      client.subscribe(['img0', 'img1', 'img2', 'img3', 'img4', 'img5', 'img6', 'img7'], {\n        qos: 0\n      }, function (err) {\n        if (!err) {\n          console.log(\"订阅成功\");\n          client.publish('msg_stream', JSON.stringify({\n            \"msg_flag\": parseInt(-1)\n          }));\n        } else {\n          console.log('消息订阅失败！');\n        }\n      });\n      client.on(\"message\", function (topic, message) {\n        //数据分类\n        try {\n          //   this.receiveNews = this.receiveNews.concat(message);\n          //   this.realInfo(topic, this.receiveNews);\n          _this.realInfo(topic, message);\n        } catch (error) {}\n      });\n    },\n    //停止订阅mqtt\n    disConnect: function disConnect() {\n      if (client != null) {\n        client.unsubscribe(this.topicSends);\n        client = null;\n      }\n    },\n\n    /** 实时数据分类 */\n    realInfo: function realInfo(topic, message) {\n      console.log(\"topic\", topic);\n\n      switch (topic) {\n        // 接收托片\n        case \"img0\":\n        case \"img1\":\n        case \"img2\":\n        case \"img3\":\n        case \"img4\":\n        case \"img5\":\n        case \"img6\":\n        case \"img7\":\n        case \"img8\":\n          try {\n            var utf8decoder = new TextDecoder();\n            var u8arr = new Uint8Array(message);\n            var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n            var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n            //   var newArr = []\n\n            console.log(\"msg\", msg); //msg为转换后的JSON数据\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\n            //   console.log(\"imageUrl\", imageUrl)\n\n            if (this.videoList.length != 0) {\n              for (var i = 0; i < this.videoList.length; i++) {\n                if (msg.id == this.videoList[i].id) {\n                  this.videoList[i].img = 'data:image/png;base64,' + msg.pic;\n                }\n              }\n            }\n          } catch (error) {}\n\n          break;\n\n        case \"hert\":\n          try {\n            console.log(\"message\", message);\n\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log(\"msg\", _msg); //msg为转换后的JSON数据\n          } catch (error) {}\n\n          break;\n      }\n\n      this.receiveNews = \"\";\n    },\n    informationInfo: function informationInfo(data, item) {\n      console.log(\"data\", data);\n\n      if (data == '新增') {\n        this.form = {\n          radio: '',\n          name: '',\n          city: '',\n          videoUrl: ''\n        }, this.dialogFormVisible = true;\n      }\n    },\n    open: function open(item) {\n      var _this2 = this;\n\n      console.log(\"item\", item);\n      this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        getDeleteShipjk({\n          VideoId: item\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          _this2.$message({\n            type: 'success',\n            message: '删除成功!'\n          });\n\n          _this2.getVideoList();\n        });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    commit: function commit(form) {\n      var _this3 = this;\n\n      console.log(\"form\", form);\n      var formData = new FormData();\n      formData.append(\"VideoName\", form.videoName);\n      formData.append(\"VideoType\", form.videoType);\n      formData.append(\"VideoStreamAddress\", form.videoStreamAddress);\n      axios({\n        method: \"post\",\n        url: serverUrl.dataUrl,\n        data: formData\n      }).then(function (res) {\n        console.log(\"提交按钮\", res);\n\n        if (res.data.msg == '添加成功') {\n          _this3.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          _this3.getVideoList();\n        } else {\n          _this3.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n\n        _this3.dialogFormVisible = false;\n      });\n    },\n    handleFileChange: function handleFileChange(e) {\n      var inputDOM = this.$refs.inputer;\n      this.file = inputDOM.files[0]; // 通过DOM取文件数据\n    },\n    //应用\n    applicationBtn: function applicationBtn() {\n      var _this4 = this;\n\n      getApplication().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          var loading = _this4.$loading({\n            lock: true,\n            text: 'Loading',\n            spinner: 'el-icon-loading',\n            background: 'rgba(0, 0, 0, 0.7)'\n          });\n\n          setTimeout(function () {\n            loading.close();\n\n            _this4.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n          }, 5000);\n        }\n      });\n    },\n    //停止\n    stopAlgorithmBtn: function stopAlgorithmBtn() {\n      var _this5 = this;\n\n      getStopAlgorithm().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this5.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n        }\n      });\n    },\n    S4: function S4() {\n      return ((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);\n    },\n    guid: function guid() {\n      return this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4();\n    },\n    load: function load() {\n      var _this6 = this;\n\n      var size = this.file.size; //文件大小\n\n      var maxZrea = 8; //设置每个分区大小 MB\n\n      var bufferSize = maxZrea * (1024 * 1024);\n      var fileStart = 0;\n      var fileEnd = bufferSize;\n      var arrFile = [];\n\n      while (fileStart < size) {\n        var fileInfo = {\n          File: this.file.slice(fileStart, fileEnd),\n          Start: fileStart,\n          End: fileEnd\n        };\n        arrFile.push(fileInfo);\n        fileStart = fileEnd;\n        fileEnd = fileStart + bufferSize;\n      }\n\n      var count = arrFile.length;\n      var filename = this.file.name + \"~\" + this.guid();\n\n      for (var i = 0; i < count; i++) {\n        var formData = new FormData(); //new一个formData事件\n\n        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\n\n        var url = serverUrl.getSpareElementOrder + \"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\n        console.log(\"url\", url); //               axios({\n        //     method: \"post\",\n        //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\n        //     headers: {\n        //                     \"Content-Type\": \"multipart/form-data;\",\n        //                 }\n        //   })\n\n        axios.post(url, formData, {\n          headers: {\n            \"Content-Type\": \"multipart/form-data;\"\n          }\n        }).then(function (r) {\n          console.log(\"r.data\", r.data);\n\n          if (r.data.code != 200) {\n            console.log(r.data);\n          } else {\n            _this6.$message({\n              message: r.data.msg,\n              type: 'success'\n            });\n          } //console.log(r.data.code);\n\n        }).catch(function (e) {\n          console.log(e);\n        });\n      }\n    },\n    goToPage: function goToPage(id, num) {\n      this.$router.push({\n        path: 'index',\n        query: {\n          id: id,\n          num: num\n        }\n      });\n    },\n    //获取视频数据\n    getVideoList: function getVideoList() {\n      var _this7 = this;\n\n      getGetShipjk().then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.msg == '成功') {\n          var arr = [];\n          res.data.data.forEach(function (item) {\n            arr.push({\n              id: item.videoId,\n              type: item.videoType,\n              title: item.videoName,\n              num: item.number,\n              img: require('@/assets/img/AnalysisMain/img1.png')\n            });\n          });\n          _this7.videoList = arr;\n          console.log(\"this.videoList\", _this7.videoList);\n        }\n      });\n    },\n    handleRemove: function handleRemove(file, fileList) {\n      console.log(file, fileList);\n    },\n    handlePreview: function handlePreview(file) {\n      console.log(file);\n    },\n    handleExceed: function handleExceed(files, fileList) {\n      this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n    },\n    beforeRemove: function beforeRemove(file, fileList) {\n      return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n    } //    onUpdateSubmit(data) {\n    //       if (data?.id) {\n    //         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\n    //       } else {\n    //         this.tableData.push({\n    //           id: Math.floor(Math.random() * 300),\n    //           name: data.name,\n    //           creator: 'dd',\n    //         })\n    //       }\n    //       this.dialogFormVisible = false;\n    //     },\n\n  },\n  components: {\n    editModal: editModal\n  }\n};",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\">\r\n    \r\n    \r\n    <el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button>\r\n    <el-button  type=\"primary\" @click=\"stopAlgorithmBtn\">关闭程序</el-button>\r\n    </div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\nexport default {\r\n  data(){\r\n    return{\r\n         receiveNews: \"\",\r\n        //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\r\n         topicSends:[],\r\n        componentShow: \"\",\r\n        numArr:[],\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n    \r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ],\r\n         fullscreenLoading: false\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n    this.createMqtt()\r\n  },\r\n   //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.end();\r\n},\r\n  methods: {\r\n         /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      \r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n    client.subscribe('hert', { qos: 0 })\r\n    //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\r\n    //       if (!err) {\r\n    //         console.log(\"订阅成功\");\r\n    //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n    //       } else {\r\n    //         console.log('消息订阅失败！')\r\n    //       }\r\n    //     }); \r\n        client.subscribe(['img0','img1','img2','img3','img4','img5','img6','img7'], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n             client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n        }); \r\n       client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n        console.log(\"topic\",topic)\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n        case \"img3\":\r\n        case \"img4\":\r\n        case \"img5\":\r\n        case \"img6\":\r\n        case \"img7\":\r\n        case \"img8\":\r\n          try {\r\n\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   var newArr = []\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n                       if(this.videoList.length!=0){\r\n        for (let i = 0; i < this.videoList.length; i++) { \r\n             if(msg.id==this.videoList[i].id){\r\n                this.videoList[i].img = 'data:image/png;base64,' + msg.pic\r\n             }   \r\n        }\r\n      }\r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n         case \"hert\":\r\n             try {\r\n            console.log(\"message\", message)\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              \r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                     const loading = this.$loading({\r\n          lock: true,\r\n          text: 'Loading',\r\n          spinner: 'el-icon-loading',\r\n          background: 'rgba(0, 0, 0, 0.7)'\r\n        });\r\n        setTimeout(() => {\r\n          loading.close();\r\n           this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n            }, 5000);  \r\n                }\r\n             })\r\n    },\r\n    //停止\r\n     stopAlgorithmBtn(){\r\n         getStopAlgorithm().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n          \r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/8f3b2d1fc0cb99785c97dd83906a5464.json b/node_modules/.cache/babel-loader/8f3b2d1fc0cb99785c97dd83906a5464.json
index 6fc5dad9..c58c34ea 100644
--- a/node_modules/.cache/babel-loader/8f3b2d1fc0cb99785c97dd83906a5464.json
+++ b/node_modules/.cache/babel-loader/8f3b2d1fc0cb99785c97dd83906a5464.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n  name: 'lineChart',\n  //折线图组件\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    pageType: {\n      type: String\n    },\n    title: {\n      type: String\n    },\n    status: {\n      type: String\n    } // list1: {\n    //     type: Array,\n    //     default() {\n    //         return []\n    //     }\n    // }\n\n  },\n  data: function data() {\n    return {\n      xData: [],\n      yData: [] // triggerType:'触发时刻'\n\n    };\n  },\n  created: function created() {\n    this.xData = this.yData = this.list.map(function (val) {\n      return val.timestamp;\n    });\n    this.yData = this.yData = this.list.map(function (val) {\n      return val.speed;\n    }); // 断面组件触发的y轴展示\n\n    if (this.pageType == '断面' && this.status == '触发') {\n      if (this.title == '速度组件') {\n        this.yData = this.list.map(function (val) {\n          return val.speed;\n        });\n      } else if (this.title == '流量组件') {\n        return val.speed;\n      } else if (this.title == '车头时距组件') {\n        this.yData = this.list.map(function (val) {\n          return val.headWay;\n        });\n      } else if (this.title == '类型组件') {\n        return val.speed;\n      }\n    } // 断面组件周期统计的y轴展示\n\n\n    if (this.pageType == '断面' && this.status == '周期统计') {\n      if (this.title == '速度组件') {\n        this.yData = this.list.map(function (val) {\n          return val.speed;\n        });\n      } else if (this.title == '流量组件') {\n        this.yData = this.list.map(function (val) {\n          return val.flow;\n        });\n      } else if (this.title == '车头时距组件') {\n        this.yData = this.list.map(function (val) {\n          return val.headWay;\n        });\n      } else if (this.title == '类型组件') {\n        return val.speed;\n      }\n    } // 区域组件触发y轴展示\n\n\n    if (this.pageType == '区域') {\n      if (this.title == '类型组件') {} else if (this.title == '速度组件') {\n        this.yData = this.list.map(function (val) {\n          return val.speed;\n        });\n      } else if (this.title == '流量组件') {\n        this.yData = this.list.map(function (val) {\n          return val.flow;\n        });\n      } else if (this.title == '车头时距组件') {\n        this.yData = this.list.map(function (val) {\n          return val.ave_speed;\n        });\n      } else if (this.title == '排队数组件') {} else if (this.title == '监测数组件') {} else if (this.title == '延误组件') {} else if (this.title == '拥堵组件') {}\n    } // if (this.pageType == '区域' && this.status == '周期时刻') {\n    //     if (this.title == '类型组件') {\n    //     } else if (this.title == '速度组件') {\n    //     } else if (this.title == '流量组件') {\n    //     } else if (this.title == '车头时距组件') {\n    //     } else if (this.title == '排队数组件') {\n    //     } else if (this.title == '监测数组件') {\n    //     } else if (this.title == '延误组件') {\n    //     } else if (this.title == '拥堵组件') {\n    //     }\n    // }\n    // if (this.pageType == '区域' && this.status == '周期统计') {\n    //     if (this.title == '类型组件') {\n    //     } else if (this.title == '速度组件') {\n    //     } else if (this.title == '流量组件') {\n    //     } else if (this.title == '车头时距组件') {\n    //     } else if (this.title == '排队数组件') {\n    //     } else if (this.title == '监测数组件') {\n    //     } else if (this.title == '延误组件') {\n    //     } else if (this.title == '拥堵组件') {\n    //     } else if (this.title == '拥堵组件') {\n    //     }\n    // }\n\n  },\n  methods: {\n    drawLine: function drawLine() {\n      var myChart = this.$echarts.init(this.$refs.lineChart);\n      var option = {\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        tooltip: {\n          show: true // trigger: 'axis',\n\n        },\n        xAxis: [{\n          type: 'category',\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            show: false\n          },\n          boundaryGap: ['5%', '5%'],\n          data: this.xData\n        }],\n        yAxis: [{\n          type: 'value',\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisLine: {\n            show: false\n          }\n        }],\n        series: [{\n          name: this.title,\n          type: 'line',\n          stack: '总量',\n          symbolSize: 6,\n          smooth: true,\n          itemStyle: {\n            color: '#fb864b',\n            borderColor: '#fb864b',\n            borderWidth: 2\n          },\n          data: this.yData\n        }]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawLine();\n    console.log(this.pageType, this.title, this.status); // console.log(this.list1);\n  }\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        this.xData = this.yData = this.list.map((val) => {\r\n            return val.timestamp;\r\n        });\r\n        this.yData = this.yData = this.list.map((val) => {\r\n            return val.speed;\r\n        });\r\n        // 断面组件触发的y轴展示\r\n        if (this.pageType == '断面' && this.status == '触发') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                return val.speed;\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n        // 断面组件周期统计的y轴展示\r\n        if (this.pageType == '断面' && this.status == '周期统计') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n\r\n        // 区域组件触发y轴展示\r\n        if (this.pageType == '区域') {\r\n            if (this.title == '类型组件') {\r\n            } else if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '排队数组件') {\r\n            } else if (this.title == '监测数组件') {\r\n            } else if (this.title == '延误组件') {\r\n            } else if (this.title == '拥堵组件') {\r\n            }\r\n        }\r\n        // if (this.pageType == '区域' && this.status == '周期时刻') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n        // if (this.pageType == '区域' && this.status == '周期统计') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title, this.status);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673603633978},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n  name: 'lineChart',\n  //折线图组件\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    pageType: {\n      type: String\n    },\n    title: {\n      type: String\n    },\n    status: {\n      type: String\n    } // list1: {\n    //     type: Array,\n    //     default() {\n    //         return []\n    //     }\n    // }\n\n  },\n  data: function data() {\n    return {\n      xData: [],\n      yData: [] // triggerType:'触发时刻'\n\n    };\n  },\n  created: function created() {\n    this.xData = this.yData = this.list.map(function (val) {\n      return val.timestamp;\n    });\n    this.yData = this.yData = this.list.map(function (val) {\n      return val.speed;\n    }); // 断面组件触发的y轴展示\n\n    if (this.pageType == '断面' && this.status == '触发') {\n      if (this.title == '速度组件') {\n        this.yData = this.list.map(function (val) {\n          return val.speed;\n        });\n      } else if (this.title == '流量组件') {\n        return val.speed;\n      } else if (this.title == '车头时距组件') {\n        this.yData = this.list.map(function (val) {\n          return val.headWay;\n        });\n      } else if (this.title == '类型组件') {}\n    } // 断面组件周期统计的y轴展示\n\n\n    if (this.pageType == '断面' && this.status == '周期统计') {\n      if (this.title == '速度组件') {\n        this.yData = this.list.map(function (val) {\n          return val.speed;\n        });\n      } else if (this.title == '流量组件') {\n        this.yData = this.list.map(function (val) {\n          return val.flow;\n        });\n      } else if (this.title == '车头时距组件') {\n        this.yData = this.list.map(function (val) {\n          return val.headWay;\n        });\n      } else if (this.title == '类型组件') {\n        return val.speed;\n      }\n    } // 区域组件触发y轴展示\n\n\n    if (this.pageType == '区域') {\n      if (this.title == '类型组件') {} else if (this.title == '速度组件') {\n        this.yData = this.list.map(function (val) {\n          return val.speed;\n        });\n      } else if (this.title == '流量组件') {\n        this.yData = this.list.map(function (val) {\n          return val.ave_speed;\n        });\n      } else if (this.title == '车头时距组件') {\n        this.yData = this.list.map(function (val) {\n          return val.ave_speed;\n        });\n      } else if (this.title == '排队数组件') {} else if (this.title == '监测数组件') {} else if (this.title == '延误组件') {\n        this.yData = this.list.map(function (val) {\n          return val.ave_delay;\n        });\n      } else if (this.title == '拥堵组件') {\n        this.yData = this.list.map(function (val) {\n          return val.ave_speed;\n        });\n      }\n    } // if (this.pageType == '区域' && this.status == '周期时刻') {\n    //     if (this.title == '类型组件') {\n    //     } else if (this.title == '速度组件') {\n    //     } else if (this.title == '流量组件') {\n    //     } else if (this.title == '车头时距组件') {\n    //     } else if (this.title == '排队数组件') {\n    //     } else if (this.title == '监测数组件') {\n    //     } else if (this.title == '延误组件') {\n    //     } else if (this.title == '拥堵组件') {\n    //     }\n    // }\n    // if (this.pageType == '区域' && this.status == '周期统计') {\n    //     if (this.title == '类型组件') {\n    //     } else if (this.title == '速度组件') {\n    //     } else if (this.title == '流量组件') {\n    //     } else if (this.title == '车头时距组件') {\n    //     } else if (this.title == '排队数组件') {\n    //     } else if (this.title == '监测数组件') {\n    //     } else if (this.title == '延误组件') {\n    //     } else if (this.title == '拥堵组件') {\n    //     } else if (this.title == '拥堵组件') {\n    //     }\n    // }\n\n  },\n  methods: {\n    drawLine: function drawLine() {\n      var myChart = this.$echarts.init(this.$refs.lineChart);\n      var option = {\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        tooltip: {\n          show: true // trigger: 'axis',\n\n        },\n        xAxis: [{\n          type: 'category',\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            show: false\n          },\n          boundaryGap: ['5%', '5%'],\n          data: this.xData\n        }],\n        yAxis: [{\n          type: 'value',\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisLine: {\n            show: false\n          }\n        }],\n        series: [{\n          name: this.title,\n          type: 'line',\n          stack: '总量',\n          symbolSize: 6,\n          smooth: true,\n          itemStyle: {\n            color: '#fb864b',\n            borderColor: '#fb864b',\n            borderWidth: 2\n          },\n          data: this.yData\n        }]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawLine();\n    console.log(this.pageType, this.title, this.status); // console.log(this.list1);\n  }\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        this.xData = this.yData = this.list.map((val) => {\r\n            return val.timestamp;\r\n        });\r\n        this.yData = this.yData = this.list.map((val) => {\r\n            return val.speed;\r\n        });\r\n        // 断面组件触发的y轴展示\r\n        if (this.pageType == '断面' && this.status == '触发') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                return val.speed;\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n            }\r\n        }\r\n        // 断面组件周期统计的y轴展示\r\n        if (this.pageType == '断面' && this.status == '周期统计') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n\r\n        // 区域组件触发y轴展示\r\n        if (this.pageType == '区域') {\r\n            if (this.title == '类型组件') {\r\n            } else if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '排队数组件') {\r\n            } else if (this.title == '监测数组件') {\r\n            } else if (this.title == '延误组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_delay;\r\n                });\r\n            } else if (this.title == '拥堵组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            }\r\n        }\r\n        // if (this.pageType == '区域' && this.status == '周期时刻') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n        // if (this.pageType == '区域' && this.status == '周期统计') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title, this.status);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n</style>"],"sourceRoot":"src/components/chart"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/943bc819096583d5ce312ed5cfac0abf.json b/node_modules/.cache/babel-loader/943bc819096583d5ce312ed5cfac0abf.json
index 59f1368b..348db84e 100644
--- a/node_modules/.cache/babel-loader/943bc819096583d5ce312ed5cfac0abf.json
+++ b/node_modules/.cache/babel-loader/943bc819096583d5ce312ed5cfac0abf.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\utils\\mqttConfig.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\utils\\mqttConfig.js","mtime":1673580353832},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import _objectWithoutProperties from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport \"core-js/modules/es6.number.constructor\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport _classCallCheck from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport mqtt from \"mqtt\";\nimport Vue from 'vue';\nvar vm = new Vue();\n\nvar mqttHandle = /*#__PURE__*/function () {\n  function mqttHandle(subscribe) {\n    _classCallCheck(this, mqttHandle);\n\n    this.connect = {\n      host: vm.mqttHost,\n      port: vm.mqttPort,\n      endpoint: \"/mqtt\",\n      clean: true,\n      // 保留会话\n      cleanSession: true,\n      connectTimeout: 7000,\n      // 超时时间\n      reconnectPeriod: 7000,\n      // 重连时间间隔\n      // 认证信息\n      clientId: Number(new Date()).toString(),\n      username: \"admin\",\n      password: \"123456\"\n    };\n    this.subscription = {\n      topic: subscribe,\n      //需要传入数组的包含订阅的名称\n      qos: 2\n    };\n    this.mqttClient = null;\n  }\n  /**\r\n   * 创建链接\r\n   * @returns client\r\n   */\n\n\n  _createClass(mqttHandle, [{\n    key: \"createConnect\",\n    value: function createConnect() {\n      var _this = this;\n\n      //配置链接\n      var _this$connect = this.connect,\n          host = _this$connect.host,\n          port = _this$connect.port,\n          endpoint = _this$connect.endpoint,\n          options = _objectWithoutProperties(_this$connect, [\"host\", \"port\", \"endpoint\"]); // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\n\n\n      var connectUrl = 'ws://172.16.1.168:10087/';\n\n      try {\n        this._client = mqtt.connect(connectUrl, options);\n      } catch (error) {\n        console.log(\"mqtt.connect error\", error);\n      }\n\n      this._client.on(\"connect\", function () {\n        console.log(\"Connection succeeded!\"); // this._client.subscribe('img'+this.number, { qos: 0 });\n        // this._client.subscribe('stream'+this.number, { qos: 0 });\n        // this._client.subscribe('trajectory'+this.number, { qos: 0 });\n        // this._client.subscribe('detection'+this.number, { qos: 0 });\n        // this._client.subscribe('img0', { qos: 0 });\n        // this._client.subscribe('stream0', { qos: 0 });\n        // this._client.subscribe('trajectory0', { qos: 0 });\n        // this._client.subscribe('detection0', { qos: 0 });\n      });\n\n      this._client.on('reconnect', function (error) {\n        console.log('正在重连', error);\n      });\n\n      this._client.on(\"error\", function (error) {\n        console.log(\"Connection failed\", error);\n      }); //配置topic\n\n\n      var _this$subscription = this.subscription,\n          topic = _this$subscription.topic,\n          qos = _this$subscription.qos;\n      console.log(topic, qos, 'topic, qos');\n\n      this._client.subscribe(topic, {\n        qos: qos\n      }, function (error, res) {\n        if (error) {\n          console.log(\"Subscribe to topics error\", error);\n          return;\n        }\n\n        _this.subscribeSuccess = true;\n        console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\n      });\n\n      this.mqttClient = this._client;\n      return this.mqttClient;\n    }\n  }]);\n\n  return mqttHandle;\n}();\n\nexport default mqttHandle;",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/utils/mqttConfig.js"],"names":["mqtt","Vue","vm","mqttHandle","subscribe","connect","host","mqttHost","port","mqttPort","endpoint","clean","cleanSession","connectTimeout","reconnectPeriod","clientId","Number","Date","toString","username","password","subscription","topic","qos","mqttClient","options","connectUrl","_client","error","console","log","on","res","subscribeSuccess"],"mappings":"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","sourcesContent":["import mqtt from \"mqtt\";\r\nimport Vue from 'vue'\r\nvar vm = new Vue();\r\nclass mqttHandle {\r\n    constructor(subscribe) {\r\n        this.connect = {\r\n            host: vm.mqttHost,\r\n            port: vm.mqttPort,\r\n            endpoint: \"/mqtt\",\r\n            clean: true, // 保留会话\r\n            cleanSession: true,\r\n            connectTimeout: 7000, // 超时时间\r\n            reconnectPeriod: 7000, // 重连时间间隔\r\n            // 认证信息\r\n            clientId: Number(new Date()).toString(),\r\n            username: \"admin\",\r\n            password: \"123456\",\r\n        }\r\n        this.subscription = {\r\n            topic: subscribe,  //需要传入数组的包含订阅的名称\r\n            qos: 2,\r\n        }\r\n        this.mqttClient = null;\r\n    }\r\n    /**\r\n     * 创建链接\r\n     * @returns client\r\n     */\r\n    createConnect() {\r\n        //配置链接\r\n        const { host, port, endpoint, ...options } = this.connect;\r\n        // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\r\n        const connectUrl = 'ws://172.16.1.168:10087/';\r\n        try {\r\n            this._client = mqtt.connect(connectUrl, options);\r\n \r\n        } catch (error) {\r\n            console.log(\"mqtt.connect error\", error);\r\n        }\r\n        this._client.on(\"connect\", () => {\r\n            console.log(\"Connection succeeded!\");\r\n            // this._client.subscribe('img'+this.number, { qos: 0 });\r\n            // this._client.subscribe('stream'+this.number, { qos: 0 });\r\n            // this._client.subscribe('trajectory'+this.number, { qos: 0 });\r\n            // this._client.subscribe('detection'+this.number, { qos: 0 });\r\n            // this._client.subscribe('img0', { qos: 0 });\r\n            // this._client.subscribe('stream0', { qos: 0 });\r\n            // this._client.subscribe('trajectory0', { qos: 0 });\r\n            // this._client.subscribe('detection0', { qos: 0 });\r\n        });\r\n        this._client.on('reconnect', (error) => {\r\n            console.log('正在重连', error)\r\n        })\r\n        this._client.on(\"error\", (error) => {\r\n            console.log(\"Connection failed\", error);\r\n        });\r\n \r\n        //配置topic\r\n        const { topic, qos } = this.subscription;\r\n        console.log(topic, qos,'topic, qos');\r\n        this._client.subscribe(topic, { qos: qos }, (error, res) => {\r\n            if (error) {\r\n                console.log(\"Subscribe to topics error\", error);\r\n                return;\r\n            }\r\n            this.subscribeSuccess = true;\r\n            console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\r\n        });\r\n        this.mqttClient = this._client;\r\n        return this.mqttClient;\r\n    }\r\n}\r\nexport default mqttHandle;"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\utils\\mqttConfig.js","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\utils\\mqttConfig.js","mtime":1673601263626},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513}],"contextDependencies":[],"result":["import _objectWithoutProperties from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _classCallCheck from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/createClass\";\nimport mqtt from \"mqtt\";\nimport Vue from 'vue';\nvar vm = new Vue();\n\nvar mqttHandle = /*#__PURE__*/function () {\n  function mqttHandle(subscribe) {\n    _classCallCheck(this, mqttHandle);\n\n    var newName = localStorage.getItem('ms_username');\n    this.connect = {\n      host: vm.mqttHost,\n      port: vm.mqttPort,\n      endpoint: \"/mqtt\",\n      clean: true,\n      // 保留会话\n      cleanSession: true,\n      connectTimeout: 7000,\n      // 超时时间\n      reconnectPeriod: 7000,\n      // 重连时间间隔\n      // 认证信息\n      // clientId: Number(new Date()).toString(),\n      clientId: newName,\n      username: \"admin\",\n      password: \"123456\"\n    };\n    this.subscription = {\n      topic: subscribe,\n      //需要传入数组的包含订阅的名称\n      qos: 2\n    };\n    this.mqttClient = null;\n  }\n  /**\r\n   * 创建链接\r\n   * @returns client\r\n   */\n\n\n  _createClass(mqttHandle, [{\n    key: \"createConnect\",\n    value: function createConnect() {\n      var _this = this;\n\n      //配置链接\n      var _this$connect = this.connect,\n          host = _this$connect.host,\n          port = _this$connect.port,\n          endpoint = _this$connect.endpoint,\n          options = _objectWithoutProperties(_this$connect, [\"host\", \"port\", \"endpoint\"]); // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\n\n\n      var connectUrl = 'ws://172.16.1.168:10087/';\n\n      try {\n        this._client = mqtt.connect(connectUrl, options);\n      } catch (error) {\n        console.log(\"mqtt.connect error\", error);\n      }\n\n      this._client.on(\"connect\", function () {\n        console.log(\"Connection succeeded!\"); // this._client.subscribe('img'+this.number, { qos: 0 });\n        // this._client.subscribe('stream'+this.number, { qos: 0 });\n        // this._client.subscribe('trajectory'+this.number, { qos: 0 });\n        // this._client.subscribe('detection'+this.number, { qos: 0 });\n        // this._client.subscribe('img0', { qos: 0 });\n        // this._client.subscribe('stream0', { qos: 0 });\n        // this._client.subscribe('trajectory0', { qos: 0 });\n        // this._client.subscribe('detection0', { qos: 0 });\n      });\n\n      this._client.on('reconnect', function (error) {\n        console.log('正在重连', error);\n      });\n\n      this._client.on(\"error\", function (error) {\n        console.log(\"Connection failed\", error);\n      }); //配置topic\n\n\n      var _this$subscription = this.subscription,\n          topic = _this$subscription.topic,\n          qos = _this$subscription.qos;\n      console.log(topic, qos, 'topic, qos');\n\n      this._client.subscribe(topic, {\n        qos: qos\n      }, function (error, res) {\n        if (error) {\n          console.log(\"Subscribe to topics error\", error);\n          return;\n        }\n\n        _this.subscribeSuccess = true;\n        console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\n      });\n\n      this.mqttClient = this._client;\n      return this.mqttClient;\n    }\n  }]);\n\n  return mqttHandle;\n}();\n\nexport default mqttHandle;",{"version":3,"sources":["C:/Users/LGZN-Digital/Desktop/新建文件夹/TransFlow/src/utils/mqttConfig.js"],"names":["mqtt","Vue","vm","mqttHandle","subscribe","newName","localStorage","getItem","connect","host","mqttHost","port","mqttPort","endpoint","clean","cleanSession","connectTimeout","reconnectPeriod","clientId","username","password","subscription","topic","qos","mqttClient","options","connectUrl","_client","error","console","log","on","res","subscribeSuccess"],"mappings":"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","sourcesContent":["import mqtt from \"mqtt\";\r\nimport Vue from 'vue'\r\nvar vm = new Vue();\r\n\r\nclass mqttHandle {\r\n    constructor(subscribe) {\r\n        var newName = localStorage.getItem('ms_username')\r\n        this.connect = {\r\n            host: vm.mqttHost,\r\n            port: vm.mqttPort,\r\n            endpoint: \"/mqtt\",\r\n            clean: true, // 保留会话\r\n            cleanSession: true,\r\n            connectTimeout: 7000, // 超时时间\r\n            reconnectPeriod: 7000, // 重连时间间隔\r\n            // 认证信息\r\n            // clientId: Number(new Date()).toString(),\r\n            clientId: newName,\r\n            username: \"admin\",\r\n            password: \"123456\",\r\n        }\r\n        this.subscription = {\r\n            topic: subscribe,  //需要传入数组的包含订阅的名称\r\n            qos: 2,\r\n        }\r\n        this.mqttClient = null;\r\n    }\r\n    /**\r\n     * 创建链接\r\n     * @returns client\r\n     */\r\n    createConnect() {\r\n        //配置链接\r\n        const { host, port, endpoint, ...options } = this.connect;\r\n        // const connectUrl = `ws://${this.connect.host}:${this.connect.port}${this.connect.endpoint}`;\r\n        const connectUrl = 'ws://172.16.1.168:10087/';\r\n        try {\r\n            this._client = mqtt.connect(connectUrl, options);\r\n \r\n        } catch (error) {\r\n            console.log(\"mqtt.connect error\", error);\r\n        }\r\n        this._client.on(\"connect\", () => {\r\n            console.log(\"Connection succeeded!\");\r\n            // this._client.subscribe('img'+this.number, { qos: 0 });\r\n            // this._client.subscribe('stream'+this.number, { qos: 0 });\r\n            // this._client.subscribe('trajectory'+this.number, { qos: 0 });\r\n            // this._client.subscribe('detection'+this.number, { qos: 0 });\r\n            // this._client.subscribe('img0', { qos: 0 });\r\n            // this._client.subscribe('stream0', { qos: 0 });\r\n            // this._client.subscribe('trajectory0', { qos: 0 });\r\n            // this._client.subscribe('detection0', { qos: 0 });\r\n        });\r\n        this._client.on('reconnect', (error) => {\r\n            console.log('正在重连', error)\r\n        })\r\n        this._client.on(\"error\", (error) => {\r\n            console.log(\"Connection failed\", error);\r\n        });\r\n \r\n        //配置topic\r\n        const { topic, qos } = this.subscription;\r\n        console.log(topic, qos,'topic, qos');\r\n        this._client.subscribe(topic, { qos: qos }, (error, res) => {\r\n            if (error) {\r\n                console.log(\"Subscribe to topics error\", error);\r\n                return;\r\n            }\r\n            this.subscribeSuccess = true;\r\n            console.log(\"Subscribe to topics res\", res[0].qos, res[0].topic);\r\n        });\r\n        this.mqttClient = this._client;\r\n        return this.mqttClient;\r\n    }\r\n}\r\nexport default mqttHandle;"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/97687da616fcbe1b36e2a9f27af0132c.json b/node_modules/.cache/babel-loader/97687da616fcbe1b36e2a9f27af0132c.json
index e3240b26..084f0918 100644
--- a/node_modules/.cache/babel-loader/97687da616fcbe1b36e2a9f27af0132c.json
+++ b/node_modules/.cache/babel-loader/97687da616fcbe1b36e2a9f27af0132c.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.typed.uint8-array\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// import mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport { getComponentData, getSectionalData } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios'; // mqtt\n// import mqttHandle from \"../../../utils/mqttHandle\";\n\nimport mqttConfig from \"@/utils/mqttConfig.js\";\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client; // var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\n\nexport default {\n  data: function data() {\n    return {\n      receiveNews: \"\",\n      topicSends: ['img0', 'stream0', 'trajectory0', 'detection0'],\n      trajectory: false,\n      //轨迹\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      component: false,\n      sectionals: [],\n      activeName: 'first',\n      VideoId: '',\n      title: '断面',\n      componentTitle: '速度',\n      form: {\n        name: '',\n        type: '',\n        id: '',\n        coordinate: '',\n        Direction: '正向',\n        StoppingSpeed: '5'\n      },\n      //初始图形名称\n      startFigureName: '',\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      timeSelect: [{\n        label: '秒',\n        value: '秒'\n      }, {\n        label: '分钟',\n        value: '分钟'\n      }, {\n        label: '小时',\n        value: '小时'\n      }, {\n        label: '天',\n        value: '天'\n      }],\n      componentForm: {\n        //单位\n        company: \"秒\",\n        componentName: \"\",\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\n        //周期间隔\n        cycleInterval: \"\",\n        startSectionIds: \"\",\n        startSectionNames: \"\",\n        endSectionIds: \"\",\n        endSectionNames: \"\",\n        endValue: \"\",\n        //展现形式\n        presentationForm: \"\",\n        presentation: [],\n        startValue: \"\",\n        timeMode: \"触发\",\n        type: \"\",\n        startSection: [],\n        endSection: [],\n        componentType: \"\",\n        typeFiltering: ''\n      },\n      typeData: [\"小汽车\", \"公交车\", \"卡车\", \"非机动车\", \"行人\"],\n      //展现形式\n      presentation: ['数值', '表格', '时间曲线图', '均值图'],\n      trackForm: {\n        name: \"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      number: '',\n      componentId: '' //   carInfo: [], //小车信息\n      //   carName: '',\n      //   palletizerInfo: [], //码垛机信息\n      //   palletizerName: '',\n      //   destackerInfo: [], //拆垛机信息\n      //   destackerName: '',\n      //   hoistInfo: [], //提升机信息’\n      //   hoistName: '',\n      //   battaryStationInfo: [],//快换电池装置\n      //   battaryStationName: \"\",\n      //   conveyorInfo: [], //输送机信息\n      //   conveyorName: \"\",\n\n    };\n  },\n  mounted: function mounted() {\n    window.getFigure = this.getFigureD;\n    window.getModifyTheName = this.getModifyTheNameN; // window.getModifyTheName = this.getModifyTheNameN;\n\n    window.getSingleComponentId = this.getSingleComponentIdN;\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\n    window.OnScene = this.OnSceneN;\n    this.getAllSectionalData(this.$route.query.id);\n    this.VideoId = this.$route.query.id;\n    this.number = this.$route.query.num; //   this.getSingleComponentIdN()\n  },\n  //离开当前页面后执行\n  destroyed: function destroyed() {\n    console.log(\"离开当前页\");\n    client.publish('msg_stream', JSON.stringify({\n      \"msg_flag\": -1\n    }));\n  },\n  created: function created() {\n    // this.testMqtt()\n    this.componentForm.company = this.timeSelect[0].value;\n    this.createMqtt();\n  },\n  methods: {\n    /** 创建mqtt */\n    createMqtt: function createMqtt() {\n      var _this = this;\n\n      //创建链接，接收数据\n      mqtt = new mqttConfig(this.topicSends);\n      client = mqtt.createConnect();\n      client.subscribe(['img' + this.number, 'stream' + this.number, 'trajectory' + this.number, 'detection' + this.number], {\n        qos: 0\n      }, function (err) {\n        if (!err) {\n          console.log(\"订阅成功\");\n          client.publish('msg_stream', JSON.stringify({\n            \"msg_flag\": parseInt(_this.number)\n          }));\n        } else {\n          console.log('消息订阅失败！');\n        }\n      });\n      client.on(\"message\", function (topic, message) {\n        //数据分类\n        try {\n          //   this.receiveNews = this.receiveNews.concat(message);\n          //   this.realInfo(topic, this.receiveNews);\n          _this.realInfo(topic, message);\n        } catch (error) {}\n      });\n    },\n    //停止订阅mqtt\n    disConnect: function disConnect() {\n      if (client != null) {\n        client.unsubscribe(this.topicSends);\n        client = null;\n      }\n    },\n\n    /** 实时数据分类 */\n    realInfo: function realInfo(topic, message) {\n      switch (topic) {\n        // 接收托片\n        case \"img0\":\n        case \"img1\":\n        case \"img2\":\n          try {\n            var utf8decoder = new TextDecoder();\n            var u8arr = new Uint8Array(message);\n            var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n            var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n            document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg));\n          } catch (error) {}\n\n          break;\n        // 树结构\n\n        case \"stream0\":\n        case \"stream1\":\n        case \"stream2\":\n          try {\n            var utf8decoder1 = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = utf8decoder1.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg));\n          } catch (error) {}\n\n          break;\n        // 控制台输出\n\n        case \"trajectory0\":\n        case \"trajectory1\":\n        case \"trajectory2\":\n        case \"trajectory3\":\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message); //    console.log(\"message11\",message)\n\n\n            var _temp2 = _utf8decoder.decode(_u8arr2); // 将二进制数据转为字符串\n            //   console.log(\"temp11\",temp)\n\n\n            var _msg2 = JSON.parse(_temp2); //  console.log(\"msg11\",msg)\n\n\n            document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(_msg2));\n          } catch (error) {}\n\n          break;\n        // 触发\n\n        case \"detection0\":\n        case \"detection1\":\n        case \"detection2\":\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message); //   console.log(\"message\",message)\n\n\n            var _temp3 = _utf8decoder2.decode(_u8arr3); // 将二进制数据转为字符串\n            //   console.log(\"temp\",temp)\n\n\n            var detId = [];\n            var msgN = JSON.parse(_temp3);\n\n            if (_temp3.length != 0) {\n              for (var i = 0; i < msgN.length; i++) {\n                detId.push(msgN[i].det_id);\n              } // console.log(\"detId\",detId)\n              //   const msg = detId\n              //   console.log(\"msg\",msg)\n\n\n              document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId)); // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\n            }\n          } catch (error) {}\n\n          break;\n      }\n\n      this.receiveNews = \"\";\n    },\n    // handleClick(tab, event) {\n    //     console.log(tab, event);\n    //   },\n    //初始化unity\n    OnSceneN: function OnSceneN() {\n      document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id));\n    },\n    // //新增组件根据组件id获取单个组件数据\n    getSingleComponentIdN: function getSingleComponentIdN(id, type, name) {\n      var _this2 = this;\n\n      console.log(\"id\", id);\n      console.log(\"type\", type);\n      console.log(\"name\", name);\n      this.componentId = id;\n      this.componentForm.componentType = type;\n      this.componentTitle = type;\n      getComponentData({\n        AnalogAreaComponentId: id\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          console.log(\"res\", res.data.data);\n          _this2.component = true;\n\n          if (res.data.data.company != '') {\n            _this2.componentForm.company = res.data.data.company;\n          }\n\n          if (res.data.data.timeMode != '') {\n            _this2.componentForm.timeMode = res.data.data.timeMode;\n          }\n\n          _this2.componentForm.componentName = res.data.data.componentName + '-' + type;\n          _this2.componentForm.componentParameterId = res.data.data.componentParameterId;\n          _this2.componentForm.cycleInterval = res.data.data.cycleInterval;\n          _this2.componentForm.startSectionIds = res.data.data.startSectionIds;\n          _this2.componentForm.startSectionNames = res.data.data.startSectionNames;\n          _this2.componentForm.endSectionIds = res.data.data.endSectionIds;\n          _this2.componentForm.endSectionNames = res.data.data.endSectionNames;\n          _this2.componentForm.endValue = res.data.data.endValue;\n          _this2.componentForm.startValue = res.data.data.startValue;\n          _this2.componentForm.presentationForm = res.data.data.presentationForm;\n          _this2.componentForm.type = res.data.data.type;\n\n          if (res.data.data.startSectionIds != '') {\n            console.log(\"startSectionIds\", res.data.data.startSectionIds);\n            var startSectionIdArr = [];\n            var startSectionArr = [];\n            startSectionIdArr = res.data.data.startSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"startSectionIdArr\", startSectionIdArr);\n            startSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  startSectionArr.push(items.graphicName);\n                  _this2.componentForm.startSection = startSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.endSectionIds != '') {\n            console.log(\"endSectionIds\", res.data.data.endSectionIds);\n            var endSectionIdArr = [];\n            var endSectionArr = [];\n            endSectionIdArr = res.data.data.endSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"endSectionIdArr\", endSectionIdArr);\n            endSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  endSectionArr.push(items.graphicName);\n                  _this2.componentForm.endSection = endSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.presentationForm != '') {\n            var presentationN = [];\n            presentationN = res.data.data.presentationForm.split(',');\n            _this2.componentForm.presentation = presentationN;\n          }\n        }\n      });\n    },\n    //修改模拟区组件、图形\n    getSimulationAreaEdit: function getSimulationAreaEdit(id, type, componentType, name) {\n      var _this3 = this;\n\n      if (type == '图形') {\n        this.form.id = id;\n        this.form.name = name;\n        this.form.type = componentType;\n        this.startFigureName = name;\n\n        if (this.form.type == '轨迹') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '区域') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '断面') {\n          this.dialogFormVisible = true;\n        }\n      } else if (type == '组件') {\n        this.componentId = id;\n        this.componentForm.componentType = componentType;\n        this.componentTitle = componentType;\n        getComponentData({\n          AnalogAreaComponentId: id\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            console.log(\"res\", res.data.data);\n            _this3.component = true;\n\n            if (res.data.data.company != '') {\n              _this3.componentForm.company = res.data.data.company;\n            }\n\n            if (res.data.data.timeMode != '') {\n              _this3.componentForm.timeMode = res.data.data.timeMode;\n            }\n\n            _this3.componentForm.componentName = res.data.data.componentName + '-' + type;\n            _this3.componentForm.componentParameterId = res.data.data.componentParameterId;\n            _this3.componentForm.cycleInterval = res.data.data.cycleInterval;\n            _this3.componentForm.startSectionIds = res.data.data.startSectionIds;\n            _this3.componentForm.startSectionNames = res.data.data.startSectionNames;\n            _this3.componentForm.endSectionIds = res.data.data.endSectionIds;\n            _this3.componentForm.endSectionNames = res.data.data.endSectionNames;\n            _this3.componentForm.endValue = res.data.data.endValue;\n            _this3.componentForm.startValue = res.data.data.startValue;\n            _this3.componentForm.presentationForm = res.data.data.presentationForm;\n            _this3.componentForm.type = res.data.data.type;\n\n            if (res.data.data.startSectionIds != '') {\n              console.log(\"startSectionIds\", res.data.data.startSectionIds);\n              var startSectionIdArr = [];\n              var startSectionArr = [];\n              startSectionIdArr = res.data.data.startSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"startSectionIdArr\", startSectionIdArr);\n              startSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    startSectionArr.push(items.graphicName);\n                    _this3.componentForm.startSection = startSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.endSectionIds != '') {\n              console.log(\"endSectionIds\", res.data.data.endSectionIds);\n              var endSectionIdArr = [];\n              var endSectionArr = [];\n              endSectionIdArr = res.data.data.endSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"endSectionIdArr\", endSectionIdArr);\n              endSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    endSectionArr.push(items.graphicName);\n                    _this3.componentForm.endSection = endSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.presentationForm != '') {\n              var presentationN = [];\n              presentationN = res.data.data.presentationForm.split(',');\n              _this3.componentForm.presentation = presentationN;\n            }\n          }\n        });\n      }\n    },\n    //获取所有断面数据\n    getAllSectionalData: function getAllSectionalData(VideoId) {\n      var _this4 = this;\n\n      getSectionalData({\n        VideoId: VideoId\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.sectionals = res.data.data;\n        }\n      });\n    },\n    figureType: function figureType(type) {\n      if (type == 'Move') {\n        type = '轨迹';\n      } else if (type == 'Poly') {\n        type = '区域';\n      } else if (type == 'Line') {\n        type = '断面';\n      }\n\n      return type;\n    },\n    getFigureD: function getFigureD(item, index, indexNew) {\n      console.log(\"图形类型\", item);\n      console.log(\"初始图形名称\", index);\n      this.startFigureName = index;\n      console.log(\"图形位置\", indexNew);\n      this.dialogFormVisible = true;\n      this.form.name = index;\n      this.form.type = this.figureType(item);\n      this.form.coordinate = indexNew;\n      this.form.id = '';\n      this.title = this.figureType(item);\n    },\n    //双击图形修改图形名称弹框\n    getModifyTheNameN: function getModifyTheNameN(data) {\n      console.log(\"data\", data);\n      var arr = [];\n      arr = data.split(',');\n      console.log(\"arr\", arr);\n      this.form.id = arr[0];\n      this.form.name = arr[1];\n      this.form.type = arr[2];\n      this.startFigureName = arr[1];\n\n      if (this.form.type == '轨迹') {\n        // this.open2()\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '区域') {\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '断面') {\n        this.dialogFormVisible = true;\n      }\n    },\n    //新增、编辑图形确认按钮\n    onSubmit: function onSubmit(form) {\n      var _this5 = this;\n\n      console.log(\"form\", form); //新增\n\n      if (form.id == '') {\n        var formData = new FormData();\n\n        if (form.type == '断面') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId);\n          formData.append(\"Direction\", form.Direction);\n        } else if (form.type == '区域') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n          // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\n        } else {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.addFigure,\n          data: formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      } else {\n        //编辑\n        var _formData = new FormData();\n\n        if (form.type == '断面') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n        } else if (form.type == '区域') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n\n          _formData.append(\"StoppingSpeed\", form.StoppingSpeed);\n        } else {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type); // formData.append(\"Direction\",form.Direction);\n\n\n          _formData.append(\"GraphicId\", form.id);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.editFigure,\n          data: _formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            console.log(\"startFigureName\", _this5.startFigureName); // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      }\n    },\n    //新增编辑组件取消\n    onSubmitComponent: function onSubmitComponent(componentForm) {\n      var _this6 = this;\n\n      this.component = false;\n      var formData = new FormData();\n\n      if (componentForm.componentType == 'OD') {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"startSectionIds\", componentForm.startSectionIds);\n        formData.append(\"startSectionNames\", componentForm.startSectionNames);\n        formData.append(\"endSectionIds\", componentForm.endSectionIds);\n        formData.append(\"endSectionNames\", componentForm.endSectionNames);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", '矩阵图');\n        formData.append(\"type\", componentForm.type);\n      } else {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", componentForm.presentationForm);\n        formData.append(\"type\", componentForm.type);\n      }\n\n      axios({\n        method: \"post\",\n        url: serverUrl.editComponent,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n          document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(_this6.componentId + ',' + componentForm.componentName));\n          _this6.dialogFormVisible = false;\n        } else {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //新增编辑组件取消\n    closeComponent: function closeComponent(componentForm) {\n      this.component = false;\n    },\n    //新增、编辑图形取消按钮\n    closeFigure: function closeFigure(form) {\n      console.log(\"form\", form);\n\n      if (form.id != '') {\n        this.dialogFormVisible = false; // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\n\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    closeComponentForm: function closeComponentForm() {\n      this.component = false;\n    },\n    closeForm: function closeForm(form) {\n      if (this.form.id != '') {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id)); //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    //改变起点\n    handleCheckedStartSection: function handleCheckedStartSection(value) {\n      var _this7 = this;\n\n      console.log(\"改变起点\", value);\n      var startSectionIdArr = [];\n      var startSectionNameArr = [];\n      value.forEach(function (item) {\n        _this7.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            startSectionIdArr.push(items.graphicId);\n            startSectionNameArr.push(items.graphicName);\n            var newStartSectionId = startSectionIdArr.join(\",\");\n            var newStartSectionName = startSectionNameArr.join(\",\");\n            _this7.componentForm.startSectionIds = newStartSectionId;\n            _this7.componentForm.startSectionNames = newStartSectionName;\n          }\n        });\n      });\n    },\n    //改变终点\n    handleCheckedendSection: function handleCheckedendSection(value) {\n      var _this8 = this;\n\n      console.log(\"改变终点\", value);\n      var endSectionIdArr = [];\n      var endSectionNameArr = [];\n      value.forEach(function (item) {\n        _this8.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            endSectionIdArr.push(items.graphicId);\n            endSectionNameArr.push(items.graphicName);\n            var newendSectionId = endSectionIdArr.join(\",\");\n            var newEndSectionName = endSectionNameArr.join(\",\");\n            console.log(\"newendSectionId\", newendSectionId);\n            console.log(\"newEndSectionName\", newEndSectionName);\n            _this8.componentForm.endSectionIds = newendSectionId;\n            _this8.componentForm.endSectionNames = newEndSectionName;\n          }\n        });\n      });\n    },\n    //修改展现形式\n    handlePresentation: function handlePresentation(value) {\n      console.log(\"展现形式\", value);\n      var presentation = value.join(\",\");\n      this.componentForm.presentationForm = presentation;\n      console.log(\"this.componentForm.presentationForm\", this.componentForm.presentationForm);\n    },\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this9 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this9.weatherItem = res.data.lives[0];\n        console.log(_this9.weatherItem, 'asdsads');\n      });\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n  window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673601263628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.typed.uint8-array\";\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n// import mqtt from \"mqtt\"; // mqtt协议\nimport editModal from \"@/views/bounced/maintenanceRemind\";\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\nimport dataBoard from \"@/views/bounced/dataBoard\";\nimport { getComponentData, getSectionalData } from \"../api/index\";\nimport serverUrl from \"../config/apiurl.js\";\nimport axios from 'axios'; // mqtt\n// import mqttHandle from \"../../../utils/mqttHandle\";\n\nimport mqttConfig from \"@/utils/mqttConfig.js\";\nvar mqtt; //mqtt 处理对象（全局变量）\n\nvar client; // var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\n\nexport default {\n  data: function data() {\n    return {\n      receiveNews: \"\",\n      topicSends: ['img0', 'stream0', 'trajectory0', 'detection0'],\n      trajectory: false,\n      //轨迹\n      hideBoxShow: true,\n      //隐藏箱子按钮显示隐藏\n      closeStatus: null,\n      modelOthers: false,\n      componentShow: \"\",\n      isShowBtn: true,\n      //菜单按钮隐藏\n      isShowBtn1: false,\n      //菜单按钮显示\n      inputVal: \"\",\n      dialogFormVisible: false,\n      areaComponent: false,\n      indexModule: false,\n      speed: false,\n      component: false,\n      sectionals: [],\n      activeName: 'first',\n      VideoId: '',\n      title: '断面',\n      componentTitle: '速度',\n      form: {\n        name: '',\n        type: '',\n        id: '',\n        coordinate: '',\n        Direction: '正向',\n        StoppingSpeed: '5'\n      },\n      //初始图形名称\n      startFigureName: '',\n      areaComponentform: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '实时（触发）',\n        desc: ''\n      },\n      timeSelect: [{\n        label: '秒',\n        value: '秒'\n      }, {\n        label: '分钟',\n        value: '分钟'\n      }, {\n        label: '小时',\n        value: '小时'\n      }, {\n        label: '天',\n        value: '天'\n      }],\n      componentForm: {\n        //单位\n        company: \"秒\",\n        componentName: \"\",\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\n        //周期间隔\n        cycleInterval: \"\",\n        startSectionIds: \"\",\n        startSectionNames: \"\",\n        endSectionIds: \"\",\n        endSectionNames: \"\",\n        endValue: \"\",\n        //展现形式\n        presentationForm: \"\",\n        presentation: [],\n        startValue: \"\",\n        timeMode: \"触发\",\n        type: \"\",\n        startSection: [],\n        endSection: [],\n        componentType: \"\",\n        typeFiltering: ''\n      },\n      typeData: [\"小汽车\", \"公交车\", \"卡车\", \"非机动车\", \"行人\"],\n      //展现形式\n      presentation: ['数值', '表格', '时间曲线图', '均值图'],\n      trackForm: {\n        name: \"\"\n      },\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\n      nowTime: \"\",\n      //   weekday: this.$moment().format(\"dddd\"),\n      ins: 0,\n      imgUrl: '',\n      imgUrl1: '',\n      imgUrl2: '',\n      imgUrl3: '',\n      imgUrl4: '',\n      imgUrl5: '',\n      btnPic: [],\n      Data: [{\n        title: 'xx路口',\n        url: ''\n      }, {\n        title: '数据看板',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }, {\n        title: '分析配置',\n        url: ''\n      }],\n      messageInfo: [],\n      orderList: [],\n      enterList: [],\n      stockInfo: [],\n      perCent: 0,\n      perCent1: 0,\n      perCent2: 0,\n      facToal: \"\",\n      wbContent: '',\n      //   wxContent:'',\n      inContent: '',\n      outContent: '',\n      containerDetails: \"\",\n      locdesc: '',\n      weatherItem: {},\n      loadingShow1: true,\n      number: '',\n      componentId: '',\n      analysisConfigurationdata: '' //   carInfo: [], //小车信息\n      //   carName: '',\n      //   palletizerInfo: [], //码垛机信息\n      //   palletizerName: '',\n      //   destackerInfo: [], //拆垛机信息\n      //   destackerName: '',\n      //   hoistInfo: [], //提升机信息’\n      //   hoistName: '',\n      //   battaryStationInfo: [],//快换电池装置\n      //   battaryStationName: \"\",\n      //   conveyorInfo: [], //输送机信息\n      //   conveyorName: \"\",\n\n    };\n  },\n  mounted: function mounted() {\n    window.getFigure = this.getFigureD;\n    window.getModifyTheName = this.getModifyTheNameN; // window.getModifyTheName = this.getModifyTheNameN;\n\n    window.getSingleComponentId = this.getSingleComponentIdN;\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\n    window.OnScene = this.OnSceneN;\n    this.getAllSectionalData(this.$route.query.id);\n    this.VideoId = this.$route.query.id;\n    this.number = this.$route.query.num; //   this.getSingleComponentIdN()\n  },\n  //离开当前页面后执行\n  destroyed: function destroyed() {\n    console.log(\"离开当前页\");\n    client.publish('msg_stream', JSON.stringify({\n      \"msg_flag\": -1\n    }));\n    client.end();\n  },\n  created: function created() {\n    // this.testMqtt()\n    this.componentForm.company = this.timeSelect[0].value;\n    this.createMqtt();\n  },\n  methods: {\n    /** 创建mqtt */\n    createMqtt: function createMqtt() {\n      var _this = this;\n\n      //创建链接，接收数据\n      mqtt = new mqttConfig(this.topicSends);\n      client = mqtt.createConnect();\n      client.subscribe(['img' + this.number, 'stream' + this.number, 'trajectory' + this.number, 'detection' + this.number], {\n        qos: 0\n      }, function (err) {\n        if (!err) {\n          console.log(\"订阅成功\");\n          client.publish('msg_stream', JSON.stringify({\n            \"msg_flag\": parseInt(_this.number)\n          }));\n        } else {\n          console.log('消息订阅失败！');\n        }\n      });\n      client.on(\"message\", function (topic, message) {\n        //数据分类\n        try {\n          //   this.receiveNews = this.receiveNews.concat(message);\n          //   this.realInfo(topic, this.receiveNews);\n          _this.realInfo(topic, message);\n        } catch (error) {}\n      });\n    },\n    //停止订阅mqtt\n    disConnect: function disConnect() {\n      if (client != null) {\n        client.unsubscribe(this.topicSends);\n        client = null;\n      }\n    },\n\n    /** 实时数据分类 */\n    realInfo: function realInfo(topic, message) {\n      switch (topic) {\n        // 接收托片\n        case \"img0\":\n        case \"img1\":\n        case \"img2\":\n          try {\n            var utf8decoder = new TextDecoder();\n            var u8arr = new Uint8Array(message);\n            var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n            var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n            if (msg.rate == 'high') {\n              document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg));\n            } else {\n              this.analysisConfigurationdata = msg;\n            } // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n\n          } catch (error) {}\n\n          break;\n        // 树结构\n\n        case \"stream0\":\n        case \"stream1\":\n        case \"stream2\":\n          try {\n            var utf8decoder1 = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = utf8decoder1.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp);\n\n            document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(_msg));\n          } catch (error) {}\n\n          break;\n        // 控制台输出\n\n        case \"trajectory0\":\n        case \"trajectory1\":\n        case \"trajectory2\":\n        case \"trajectory3\":\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message); //    console.log(\"message11\",message)\n\n\n            var _temp2 = _utf8decoder.decode(_u8arr2); // 将二进制数据转为字符串\n            //   console.log(\"temp11\",temp)\n\n\n            var _msg2 = JSON.parse(_temp2); //  console.log(\"msg11\",msg)\n\n\n            document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(_msg2));\n          } catch (error) {}\n\n          break;\n        // 触发\n\n        case \"detection0\":\n        case \"detection1\":\n        case \"detection2\":\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message); //   console.log(\"message\",message)\n\n\n            var _temp3 = _utf8decoder2.decode(_u8arr3); // 将二进制数据转为字符串\n            //   console.log(\"temp\",temp)\n\n\n            var detId = [];\n            var msgN = JSON.parse(_temp3);\n\n            if (_temp3.length != 0) {\n              for (var i = 0; i < msgN.length; i++) {\n                detId.push(msgN[i].det_id);\n              } // console.log(\"detId\",detId)\n              //   const msg = detId\n              //   console.log(\"msg\",msg)\n\n\n              document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId)); // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\n            }\n          } catch (error) {}\n\n          break;\n      }\n\n      this.receiveNews = \"\";\n    },\n    // handleClick(tab, event) {\n    //     console.log(tab, event);\n    //   },\n    //初始化unity\n    OnSceneN: function OnSceneN() {\n      document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id));\n    },\n    // //新增组件根据组件id获取单个组件数据\n    getSingleComponentIdN: function getSingleComponentIdN(id, type, name) {\n      var _this2 = this;\n\n      console.log(\"id\", id);\n      console.log(\"type\", type);\n      console.log(\"name\", name);\n      this.componentId = id;\n      this.componentForm.componentType = type;\n      this.componentTitle = type;\n      getComponentData({\n        AnalogAreaComponentId: id\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          console.log(\"res\", res.data.data);\n          _this2.component = true;\n\n          if (res.data.data.company != '') {\n            _this2.componentForm.company = res.data.data.company;\n          }\n\n          if (res.data.data.timeMode != '') {\n            _this2.componentForm.timeMode = res.data.data.timeMode;\n          }\n\n          _this2.componentForm.componentName = res.data.data.componentName + '-' + type;\n          _this2.componentForm.componentParameterId = res.data.data.componentParameterId;\n          _this2.componentForm.cycleInterval = res.data.data.cycleInterval;\n          _this2.componentForm.startSectionIds = res.data.data.startSectionIds;\n          _this2.componentForm.startSectionNames = res.data.data.startSectionNames;\n          _this2.componentForm.endSectionIds = res.data.data.endSectionIds;\n          _this2.componentForm.endSectionNames = res.data.data.endSectionNames;\n          _this2.componentForm.endValue = res.data.data.endValue;\n          _this2.componentForm.startValue = res.data.data.startValue;\n          _this2.componentForm.presentationForm = res.data.data.presentationForm;\n          _this2.componentForm.type = res.data.data.type;\n\n          if (res.data.data.startSectionIds != '') {\n            console.log(\"startSectionIds\", res.data.data.startSectionIds);\n            var startSectionIdArr = [];\n            var startSectionArr = [];\n            startSectionIdArr = res.data.data.startSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"startSectionIdArr\", startSectionIdArr);\n            startSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  startSectionArr.push(items.graphicName);\n                  _this2.componentForm.startSection = startSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.endSectionIds != '') {\n            console.log(\"endSectionIds\", res.data.data.endSectionIds);\n            var endSectionIdArr = [];\n            var endSectionArr = [];\n            endSectionIdArr = res.data.data.endSectionIds.split(',');\n            console.log(\"this.sectionals\", _this2.sectionals);\n            console.log(\"endSectionIdArr\", endSectionIdArr);\n            endSectionIdArr.forEach(function (item) {\n              _this2.sectionals.forEach(function (items) {\n                if (item == items.graphicId) {\n                  endSectionArr.push(items.graphicName);\n                  _this2.componentForm.endSection = endSectionArr;\n                }\n              });\n            });\n          }\n\n          if (res.data.data.presentationForm != '') {\n            var presentationN = [];\n            presentationN = res.data.data.presentationForm.split(',');\n            _this2.componentForm.presentation = presentationN;\n          }\n        }\n      });\n    },\n    //修改模拟区组件、图形\n    getSimulationAreaEdit: function getSimulationAreaEdit(id, type, componentType, name) {\n      var _this3 = this;\n\n      if (type == '图形') {\n        this.form.id = id;\n        this.form.name = name;\n        this.form.type = componentType;\n        this.startFigureName = name;\n\n        if (this.form.type == '轨迹') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '区域') {\n          this.dialogFormVisible = true;\n        } else if (this.form.type == '断面') {\n          this.dialogFormVisible = true;\n        }\n      } else if (type == '组件') {\n        this.componentId = id;\n        this.componentForm.componentType = componentType;\n        this.componentTitle = componentType;\n        getComponentData({\n          AnalogAreaComponentId: id\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            console.log(\"res\", res.data.data);\n            _this3.component = true;\n\n            if (res.data.data.company != '') {\n              _this3.componentForm.company = res.data.data.company;\n            }\n\n            if (res.data.data.timeMode != '') {\n              _this3.componentForm.timeMode = res.data.data.timeMode;\n            }\n\n            _this3.componentForm.componentName = res.data.data.componentName + '-' + type;\n            _this3.componentForm.componentParameterId = res.data.data.componentParameterId;\n            _this3.componentForm.cycleInterval = res.data.data.cycleInterval;\n            _this3.componentForm.startSectionIds = res.data.data.startSectionIds;\n            _this3.componentForm.startSectionNames = res.data.data.startSectionNames;\n            _this3.componentForm.endSectionIds = res.data.data.endSectionIds;\n            _this3.componentForm.endSectionNames = res.data.data.endSectionNames;\n            _this3.componentForm.endValue = res.data.data.endValue;\n            _this3.componentForm.startValue = res.data.data.startValue;\n            _this3.componentForm.presentationForm = res.data.data.presentationForm;\n            _this3.componentForm.type = res.data.data.type;\n\n            if (res.data.data.startSectionIds != '') {\n              console.log(\"startSectionIds\", res.data.data.startSectionIds);\n              var startSectionIdArr = [];\n              var startSectionArr = [];\n              startSectionIdArr = res.data.data.startSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"startSectionIdArr\", startSectionIdArr);\n              startSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    startSectionArr.push(items.graphicName);\n                    _this3.componentForm.startSection = startSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.endSectionIds != '') {\n              console.log(\"endSectionIds\", res.data.data.endSectionIds);\n              var endSectionIdArr = [];\n              var endSectionArr = [];\n              endSectionIdArr = res.data.data.endSectionIds.split(',');\n              console.log(\"this.sectionals\", _this3.sectionals);\n              console.log(\"endSectionIdArr\", endSectionIdArr);\n              endSectionIdArr.forEach(function (item) {\n                _this3.sectionals.forEach(function (items) {\n                  if (item == items.graphicId) {\n                    endSectionArr.push(items.graphicName);\n                    _this3.componentForm.endSection = endSectionArr;\n                  }\n                });\n              });\n            }\n\n            if (res.data.data.presentationForm != '') {\n              var presentationN = [];\n              presentationN = res.data.data.presentationForm.split(',');\n              _this3.componentForm.presentation = presentationN;\n            }\n          }\n        });\n      }\n    },\n    //获取所有断面数据\n    getAllSectionalData: function getAllSectionalData(VideoId) {\n      var _this4 = this;\n\n      getSectionalData({\n        VideoId: VideoId\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this4.sectionals = res.data.data;\n        }\n      });\n    },\n    figureType: function figureType(type) {\n      if (type == 'Move') {\n        type = '轨迹';\n      } else if (type == 'Poly') {\n        type = '区域';\n      } else if (type == 'Line') {\n        type = '断面';\n      }\n\n      return type;\n    },\n    getFigureD: function getFigureD(item, index, indexNew) {\n      console.log(\"图形类型\", item);\n      console.log(\"初始图形名称\", index);\n      this.startFigureName = index;\n      console.log(\"图形位置\", indexNew);\n      this.dialogFormVisible = true;\n      this.form.name = index;\n      this.form.type = this.figureType(item);\n      this.form.coordinate = indexNew;\n      this.form.id = '';\n      this.title = this.figureType(item);\n    },\n    //双击图形修改图形名称弹框\n    getModifyTheNameN: function getModifyTheNameN(data) {\n      console.log(\"data\", data);\n      var arr = [];\n      arr = data.split(',');\n      console.log(\"arr\", arr);\n      this.form.id = arr[0];\n      this.form.name = arr[1];\n      this.form.type = arr[2];\n      this.startFigureName = arr[1];\n\n      if (this.form.type == '轨迹') {\n        // this.open2()\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '区域') {\n        this.dialogFormVisible = true;\n      } else if (this.form.type == '断面') {\n        this.dialogFormVisible = true;\n      }\n    },\n    //新增、编辑图形确认按钮\n    onSubmit: function onSubmit(form) {\n      var _this5 = this;\n\n      console.log(\"form\", form); //新增\n\n      if (form.id == '') {\n        var formData = new FormData();\n\n        if (form.type == '断面') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId);\n          formData.append(\"Direction\", form.Direction);\n        } else if (form.type == '区域') {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n          // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\n        } else {\n          formData.append(\"GraphicName\", form.name);\n          formData.append(\"GraphicType\", form.type);\n          formData.append(\"Coordinate\", form.coordinate);\n          formData.append(\"VideoId\", this.VideoId); // formData.append(\"Direction\",form.Direction);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.addFigure,\n          data: formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      } else {\n        //编辑\n        var _formData = new FormData();\n\n        if (form.type == '断面') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n        } else if (form.type == '区域') {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type);\n\n          _formData.append(\"Direction\", form.Direction);\n\n          _formData.append(\"GraphicId\", form.id);\n\n          _formData.append(\"StoppingSpeed\", form.StoppingSpeed);\n        } else {\n          _formData.append(\"GraphicName\", form.name);\n\n          _formData.append(\"GraphicType\", form.type); // formData.append(\"Direction\",form.Direction);\n\n\n          _formData.append(\"GraphicId\", form.id);\n        }\n\n        axios({\n          method: \"post\",\n          url: serverUrl.editFigure,\n          data: _formData\n        }).then(function (res) {\n          console.log(\"res\", res);\n\n          if (res.data.code == 200) {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'success'\n            });\n\n            console.log(\"startFigureName\", _this5.startFigureName); // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\n\n            document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id + ',' + form.name + ',' + _this5.startFigureName));\n            _this5.dialogFormVisible = false;\n          } else {\n            _this5.$message({\n              message: res.data.msg,\n              type: 'warning'\n            });\n          }\n        });\n      }\n    },\n    //新增编辑组件取消\n    onSubmitComponent: function onSubmitComponent(componentForm) {\n      var _this6 = this;\n\n      this.component = false;\n      var formData = new FormData();\n\n      if (componentForm.componentType == 'OD') {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"startSectionIds\", componentForm.startSectionIds);\n        formData.append(\"startSectionNames\", componentForm.startSectionNames);\n        formData.append(\"endSectionIds\", componentForm.endSectionIds);\n        formData.append(\"endSectionNames\", componentForm.endSectionNames);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", '矩阵图');\n        formData.append(\"type\", componentForm.type);\n      } else {\n        //名称\n        formData.append(\"componentName\", componentForm.componentName); //单位\n\n        formData.append(\"company\", componentForm.company); //id\n\n        formData.append(\"componentParameterId\", componentForm.componentParameterId);\n        formData.append(\"cycleInterval\", componentForm.cycleInterval);\n        formData.append(\"endValue\", componentForm.endValue);\n        formData.append(\"startValue\", componentForm.startValue);\n        formData.append(\"timeMode\", componentForm.timeMode);\n        formData.append(\"presentationForm\", componentForm.presentationForm);\n        formData.append(\"type\", componentForm.type);\n      }\n\n      axios({\n        method: \"post\",\n        url: serverUrl.editComponent,\n        data: formData\n      }).then(function (res) {\n        console.log(\"res\", res);\n\n        if (res.data.code == 200) {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'success'\n          });\n\n          document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data));\n          document.getElementById(\"mapModule\").contentWindow.editComponent(_this6.componentId + ',' + componentForm.componentName);\n          _this6.dialogFormVisible = false;\n        } else {\n          _this6.$message({\n            message: res.data.msg,\n            type: 'warning'\n          });\n        }\n      });\n    },\n    //新增编辑组件取消\n    closeComponent: function closeComponent(componentForm) {\n      this.component = false;\n    },\n    //新增、编辑图形取消按钮\n    closeFigure: function closeFigure(form) {\n      console.log(\"form\", form);\n\n      if (form.id != '') {\n        this.dialogFormVisible = false; // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\n\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id));\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    closeComponentForm: function closeComponentForm() {\n      this.component = false;\n    },\n    closeForm: function closeForm(form) {\n      if (this.form.id != '') {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type + ',' + form.id)); //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\n      } else {\n        this.dialogFormVisible = false;\n        document.getElementById(\"mapModule\").contentWindow.delFigure();\n      }\n    },\n    //改变起点\n    handleCheckedStartSection: function handleCheckedStartSection(value) {\n      var _this7 = this;\n\n      console.log(\"改变起点\", value);\n      var startSectionIdArr = [];\n      var startSectionNameArr = [];\n      value.forEach(function (item) {\n        _this7.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            startSectionIdArr.push(items.graphicId);\n            startSectionNameArr.push(items.graphicName);\n            var newStartSectionId = startSectionIdArr.join(\",\");\n            var newStartSectionName = startSectionNameArr.join(\",\");\n            _this7.componentForm.startSectionIds = newStartSectionId;\n            _this7.componentForm.startSectionNames = newStartSectionName;\n          }\n        });\n      });\n    },\n    //改变终点\n    handleCheckedendSection: function handleCheckedendSection(value) {\n      var _this8 = this;\n\n      console.log(\"改变终点\", value);\n      var endSectionIdArr = [];\n      var endSectionNameArr = [];\n      value.forEach(function (item) {\n        _this8.sectionals.forEach(function (items) {\n          if (item == items.graphicName) {\n            endSectionIdArr.push(items.graphicId);\n            endSectionNameArr.push(items.graphicName);\n            var newendSectionId = endSectionIdArr.join(\",\");\n            var newEndSectionName = endSectionNameArr.join(\",\");\n            console.log(\"newendSectionId\", newendSectionId);\n            console.log(\"newEndSectionName\", newEndSectionName);\n            _this8.componentForm.endSectionIds = newendSectionId;\n            _this8.componentForm.endSectionNames = newEndSectionName;\n          }\n        });\n      });\n    },\n    //修改展现形式\n    handlePresentation: function handlePresentation(value) {\n      console.log(\"展现形式\", value);\n      var presentation = value.join(\",\");\n      this.componentForm.presentationForm = presentation;\n      console.log(\"this.componentForm.presentationForm\", this.componentForm.presentationForm);\n    },\n    //模型加载等待\n    loadingShow: function loadingShow(data) {\n      this.loadingShow1 = data;\n    },\n    handleSearch: function handleSearch() {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(this.inputVal);\n      console.log(this.$refs.htModels, 'asdasdasd');\n      this.inputVal = '';\n    },\n    handleRow: function handleRow(val) {\n      this.modelOthers = true;\n      this.$refs.htModels.finbBox(val);\n    },\n    // 天气\n    handleWather: function handleWather() {\n      var _this9 = this;\n\n      axios({\n        url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100',\n        methods: ''\n      }).then(function (res) {\n        _this9.weatherItem = res.data.lives[0];\n        console.log(_this9.weatherItem, 'asdsads');\n      });\n    }\n  },\n  components: {\n    editModal: editModal,\n    analysisConfiguration: analysisConfiguration,\n    dataBoard: dataBoard\n  }\n};",{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal ></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:'',\r\n        \r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:'',\r\n      analysisConfigurationdata:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n   window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n  client.end();\r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              if(msg.rate=='high'){\r\n                 document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n              }else{\r\n                \r\n                this.analysisConfigurationdata = msg\r\n              }\r\n                // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(this.componentId+','+componentForm.componentName)\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"],"sourceRoot":"src/views"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/9e921fb4e85d8c84d9cb996e6f59f18d.json b/node_modules/.cache/babel-loader/9e921fb4e85d8c84d9cb996e6f59f18d.json
index f800ed86..1283ffa2 100644
--- a/node_modules/.cache/babel-loader/9e921fb4e85d8c84d9cb996e6f59f18d.json
+++ b/node_modules/.cache/babel-loader/9e921fb4e85d8c84d9cb996e6f59f18d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport delayChart from \"../../components/target/delayChart.vue\";\nimport speedChart from \"../../components/target/speedChart.vue\";\nimport flowChart from \"../../components/target/flowChart.vue\";\nimport headWayChart from \"../../components/target/headWayChart.vue\";\nimport checkChart from \"../../components/target/checkChart.vue\";\nimport lineUpChart from \"../../components/target/lineUpChart.vue\";\nimport congestionChart from \"../../components/target/congestionChart.vue\";\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport OD from \"../../components/target/OD.vue\";\nexport default {\n  components: {\n    delayChart: delayChart,\n    speedChart: speedChart,\n    flowChart: flowChart,\n    headWayChart: headWayChart,\n    checkChart: checkChart,\n    lineUpChart: lineUpChart,\n    congestionChart: congestionChart,\n    typeChart: typeChart,\n    OD: OD\n  },\n  props: {\n    activeName: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      title1: '01断面',\n      title2: '01区域',\n      dialogVisible: false,\n      // 触发数据断面与区域相同\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 19\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 10.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 2.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 11.5\n      }],\n      // 断面的周期统计\n      sectionList: [{\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 30\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 40\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 50\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 77\n      }],\n      // 区域的周期时刻\n      regionList1: [{\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        frame: 1000,\n        type: 'car',\n        n_stay: 3,\n        n_queue: 2,\n        occ: 1,\n        speed: 2.6\n      }],\n      // 区域的周期统计\n      regionList2: [{\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 16.7,\n        ave_speed: 2.6\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 16.7,\n        ave_speed: 2.6\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 16.7,\n        ave_speed: 2.6\n      }],\n      // sectionShow: false,\n      // regionShow: false,\n      count1: false,\n      count2: false\n    };\n  },\n  created: function created() {},\n  methods: {\n    // 区域点击事件\n    regionHandle: function regionHandle() {\n      this.count1 = !this.count1;\n\n      if (this.count1 == false) {\n        this.$refs.region.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count1 == true) {\n        this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    },\n    // 断面点击事件\n    sectionHandle: function sectionHandle() {\n      this.count2 = !this.count2;\n\n      if (this.count2 == false) {\n        this.$refs.section.style.height = 47 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count2 == true) {\n        this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673659822624},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport delayChart from \"../../components/target/delayChart.vue\";\nimport speedChart from \"../../components/target/speedChart.vue\";\nimport flowChart from \"../../components/target/flowChart.vue\";\nimport headWayChart from \"../../components/target/headWayChart.vue\";\nimport checkChart from \"../../components/target/checkChart.vue\";\nimport lineUpChart from \"../../components/target/lineUpChart.vue\";\nimport congestionChart from \"../../components/target/congestionChart.vue\";\nimport typeChart from \"../../components/target/typeChart.vue\";\nimport OD from \"../../components/target/OD.vue\";\nexport default {\n  components: {\n    delayChart: delayChart,\n    speedChart: speedChart,\n    flowChart: flowChart,\n    headWayChart: headWayChart,\n    checkChart: checkChart,\n    lineUpChart: lineUpChart,\n    congestionChart: congestionChart,\n    typeChart: typeChart,\n    OD: OD\n  },\n  props: {\n    activeName: {\n      type: String\n    }\n  },\n  data: function data() {\n    return {\n      title1: '01断面',\n      title2: '01区域',\n      dialogVisible: false,\n      // 触发数据断面与区域相同\n      tableData: [{\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 35.2,\n        event: 'in',\n        lane: 0,\n        headWay: 19\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 70.2,\n        event: 'in',\n        lane: 0,\n        headWay: 6.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 10.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 2.5\n      }, {\n        steam_id: 0,\n        timestamp: '2022-10-01 09:15:10.156',\n        obj_id: 125,\n        type: 'car',\n        plate: '苏A0131M',\n        speed: 60.2,\n        event: 'in',\n        lane: 0,\n        headWay: 11.5\n      }],\n      // 断面的周期统计\n      sectionList: [{\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 147,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 30\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 123,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 40\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 80,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 50\n      }, {\n        steam_id: '0',\n        gate_id: 'Gate_1',\n        name: '西进口',\n        timestamp: '2022-10-1',\n        interval: '53',\n        type: 'truck',\n        in_flow: 90,\n        out_flow: 120,\n        flow: 210,\n        in_spd: 20.1,\n        out_spd: 30.6,\n        speed: 77\n      }],\n      // 区域的周期时刻\n      regionList1: [{\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        frame: 1000,\n        type: 'car',\n        n_stay: 3,\n        n_queue: 2,\n        occ: 1,\n        speed: 5.6\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        frame: 1000,\n        type: 'car',\n        n_stay: 3,\n        n_queue: 2,\n        occ: 1,\n        speed: 12.6\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        frame: 1000,\n        type: 'car',\n        n_stay: 3,\n        n_queue: 2,\n        occ: 1,\n        speed: 10\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        frame: 1000,\n        type: 'car',\n        n_stay: 3,\n        n_queue: 2,\n        occ: 1,\n        speed: 6\n      }],\n      // 区域的周期统计\n      regionList2: [{\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 8,\n        ave_speed: 12\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 7,\n        ave_speed: 22\n      }, {\n        zone_id: '0',\n        gate_id: 'Zone_1',\n        name: '西进口左1',\n        timestamp: '2022-10-1',\n        type: 'car',\n        enter_flow: 1,\n        leave_flow: 3,\n        ave_stay: 3.2,\n        ave_queue: 2.9,\n        ave_occ: 0.56,\n        ave_delay: 17,\n        ave_speed: 12\n      }],\n      // sectionShow: false,\n      // regionShow: false,\n      count1: false,\n      count2: false\n    };\n  },\n  created: function created() {},\n  methods: {\n    // 区域点击事件\n    regionHandle: function regionHandle() {\n      this.count1 = !this.count1;\n\n      if (this.count1 == false) {\n        this.$refs.region.style.height = 50 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count1 == true) {\n        this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    },\n    // 断面点击事件\n    sectionHandle: function sectionHandle() {\n      this.count2 = !this.count2;\n\n      if (this.count2 == false) {\n        this.$refs.section.style.height = 50 + 'vh';\n        this.$refs.box.style.height = '100vh';\n      } else if (this.count2 == true) {\n        this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\n        this.$refs.box.style.height = 'auto';\n      }\n    }\n  },\n  mounted: function mounted() {}\n};",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 147,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 123,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 80,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 5.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 12.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 10\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 8,\r\n                    ave_speed: 12\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 7,\r\n                    ave_speed: 22\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 17,\r\n                    ave_speed: 12\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 50 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 50 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/babel-loader/babebd07c9e45c29c0b2c34bd8667c0d.json b/node_modules/.cache/babel-loader/babebd07c9e45c29c0b2c34bd8667c0d.json
index 4559ac6e..28aa7c05 100644
--- a/node_modules/.cache/babel-loader/babebd07c9e45c29c0b2c34bd8667c0d.json
+++ b/node_modules/.cache/babel-loader/babebd07c9e45c29c0b2c34bd8667c0d.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\n\nvar _methods;\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from 'mqtt'; // mqtt协议\n\nimport { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from \"@/api/index\";\nexport default {\n  data: function data() {\n    return {\n      formRules: {\n        pointName: [{\n          required: true,\n          message: '请输入点名称',\n          trigger: 'blur'\n        }],\n        longitude: [{\n          required: true,\n          message: '请输入经度',\n          trigger: 'blur'\n        }],\n        latitude: [{\n          required: true,\n          message: '请输入纬度',\n          trigger: 'blur'\n        }]\n      },\n      addDianForm: {\n        pointName: '',\n        longitude: \"\",\n        latitude: ''\n      },\n      dialogVisible: false,\n      coordinateTransformationId: '',\n      AnalysisSettingId: '',\n      contentShow: {\n        postion: true,\n        coordinate: false,\n        plate: true,\n        parking: true\n      },\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: '',\n        longitude: '',\n        latitude: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系',\n        value: '0',\n        num: 1\n      },\n      options: [{\n        value: '南',\n        label: '南'\n      }, {\n        value: '北',\n        label: '北'\n      }],\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: 0\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接',\n        renewalFrequency: ''\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {\n    var _this = this;\n\n    //    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n    getFeixpz({\n      VideoId: this.$route.query.id\n    }).then(function (res) {\n      _this.sizeForm.longitude = res.data.data.cameraPositionLongitude;\n      _this.sizeForm.latitude = res.data.data.cameraPositionLatitude;\n      _this.coordinateForm.num = res.data.data.utmArea;\n      _this.coordinateForm.value = res.data.data.hemisphere;\n      _this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;\n      _this.coordinateTableData = res.data.data.pointData;\n      _this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;\n      _this.stopStateform.displacement = res.data.data.parkingDisplacement;\n      _this.stopStateform.speed = res.data.data.parkingSpeed;\n      _this.AnalysisSettingId = res.data.data.analysisSettingId;\n      _this.coordinateTransformationId = res.data.data.coordinateTransformationId;\n    });\n  },\n  methods: (_methods = {\n    handleDeleteDian: function handleDeleteDian(row) {\n      var _this2 = this;\n\n      this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        _this2.coordinateTableData = _this2.coordinateTableData.filter(function (item) {\n          return item.pointName != row.pointName;\n        });\n\n        _this2.$message({\n          type: 'success',\n          message: '删除成功!'\n        });\n      }).catch(function () {\n        _this2.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    handleDian: function handleDian(formName) {\n      var _this3 = this;\n\n      this.$refs[formName].validate(function (valid) {\n        if (valid) {\n          console.log(_this3.addDianForm, 'addDianForm,,,');\n\n          _this3.coordinateTableData.unshift(_this3.addDianForm);\n\n          _this3.addDianForm = {};\n          _this3.dialogVisible = false;\n        } else {\n          return false;\n        }\n      });\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    },\n    // 坐标转换接口\n    handlePos: function handlePos() {\n      var _this4 = this;\n\n      var params = {\n        CoordinateTransformationId: this.coordinateTransformationId,\n        UTMArea: this.coordinateForm.num,\n        Hemisphere: this.coordinateForm.value,\n        CoordinateTransformation: this.coordinateForm.coordinateTransformation,\n        PointData: this.coordinateTableData\n      };\n      setFeixzbzh(params).then(function (res) {\n        _this4.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 停车状态\n    handleParking: function handleParking() {\n      var _this5 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('ParkingDisplacement', this.stopStateform.displacement);\n      params.append('ParkingSpeed', this.stopStateform.speed);\n      setParkingStatus(params).then(function (res) {\n        _this5.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 车牌识别\n    changeChepai: function changeChepai(val) {\n      var _this6 = this;\n\n      console.log(val, 'val111');\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('LicensePlateRecognitionSwitch', val);\n      setLicensePlate(params).then(function (res) {\n        _this6.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 经纬度保存\n    handSaveitude: function handSaveitude() {\n      var _this7 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('CameraPositionLongitude', this.sizeForm.longitude);\n      params.append('CameraPositionLatitude', this.sizeForm.latitude);\n      setCameraPosition(params).then(function (res) {\n        _this7.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 收放\n    handleContent: function handleContent(val) {\n      if (val == 'postion') {\n        this.contentShow.postion = !this.contentShow.postion;\n      }\n\n      if (val == 'coordinate') {\n        this.contentShow.coordinate = !this.contentShow.coordinate;\n      }\n\n      if (val == 'plate') {\n        this.contentShow.plate = !this.contentShow.plate;\n      }\n\n      if (val == 'parking') {\n        this.contentShow.parking = !this.contentShow.parking;\n      }\n    },\n    handleChange: function handleChange(value) {\n      console.log(value);\n    },\n    load: function load() {\n      var _this8 = this;\n\n      console.log('1111');\n      var iframe = document.getElementById('mapModuleTop');\n      console.log('iframe', iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this8.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log('222');\n      this.getDataByMqtt();\n    }\n  }, _defineProperty(_methods, \"handleChange\", function handleChange() {}), _defineProperty(_methods, \"handleagain\", function handleagain() {\n    var _this9 = this;\n\n    this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this9.$message({\n        type: 'info',\n        message: '已取消'\n      });\n    });\n  }), _defineProperty(_methods, \"handleReset\", function handleReset() {\n    var _this10 = this;\n\n    this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this10.$message({\n        type: 'info',\n        message: '已取消重置'\n      });\n    });\n  }), _defineProperty(_methods, \"handleRemove\", function handleRemove(file, fileList) {\n    console.log(file, fileList);\n  }), _defineProperty(_methods, \"handlePreview\", function handlePreview(file) {\n    console.log(file);\n  }), _defineProperty(_methods, \"handleExceed\", function handleExceed(files, fileList) {\n    this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n  }), _defineProperty(_methods, \"beforeRemove\", function beforeRemove(file, fileList) {\n    return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n  }), _defineProperty(_methods, \"getReverseShellList\", function getReverseShellList() {\n    //   getShellList().then(res => {\n    //     if (res.code === 200) {\n    //       if (res.data && res.data.length > 0) {\n    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n    //         res.data.forEach(item => {\n    //           item['isEdit'] = false\n    //         })\n    //       }\n    //   this.tableData = res.data\n    // 在表格列表前插入一行，用来新增数据\n    this.tableData.unshift({\n      name: '',\n      inIp: '',\n      inPort: null,\n      outPort: null,\n      enabled: null,\n      isEdit: true\n    }); //     }\n    //   })\n  }), _defineProperty(_methods, \"handleAdd\", function handleAdd(row) {\n    for (var key in row) {\n      // 判断一行字段是否输入完整\n      if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n        this.msgError('Please complete the information');\n        return;\n      }\n    }\n\n    var params = {\n      name: row.name,\n      inIp: row.inIp // inPort: parseInt(row.inPort),\n      // outPort: parseInt(row.outPort),\n      // enabled: row.enabled\n\n    };\n    this.getReverseShellList(); //   addShell(params).then(res => {\n    //     if (res.code === 200) {\n    //       this.msgSuccess('Add reverse shell successfully')\n    //       row.isEdit = false\n    //       this.getReverseShellList()\n    //     }\n    //   })\n  }), _defineProperty(_methods, \"handleUpdate\", function handleUpdate(row) {\n    // 点击Apply时\n    if (row.isEdit) {\n      for (var key in row) {\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp,\n        inPort: parseInt(row.inPort),\n        outPort: parseInt(row.outPort),\n        enabled: row.enabled\n      }; // updateShell(params).then(res => {\n      //   if (res.code === 200) {\n      //     this.msgSuccess('Update reverse shell successfully')\n      //     this.getReverseShellList()\n      //   }\n      // })\n    } else {\n      // 点击编辑时\n      row.isEdit = true;\n    }\n  }), _defineProperty(_methods, \"handleDelete\", function handleDelete(row) {\n    // 点击取消时\n    if (row.isEdit) {\n      this.getReverseShellList();\n    } else {\n      // 点击删除时\n      this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n        confirmButtonText: 'Sure',\n        cancelButtonText: 'Cancel',\n        type: 'warning'\n      }).then(function () {//   deleteShell(row.name).then(res => {\n        //     if (res.code === 200) {\n        //       this.msgSuccess('Delete reverse shell successfully')\n        //       this.getReverseShellList()\n        //     }\n        //   })\n      }).catch(function () {});\n    }\n  }), _defineProperty(_methods, \"getDataByMqtt\", function getDataByMqtt(url, topic, cIdNum) {\n    var _this11 = this;\n\n    //     var that = this\n    // that.$refs.iframe.contentWindow.getDestination(1)\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\n    var clientId = 'test_id_' + String(new Date().getTime()); // 用户名\n    //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n    var host = 'ws://172.16.1.168:10087/';\n    var options = {\n      // 配置\n      // 测试：订阅本机IP\n      // host: host,\n      // port: port,\n      // host:\"172.16.1.168:10086\",\n      keepalive: 60,\n      // 心跳时间，默认60s，设置为0禁用\n      username: 'admin',\n      // 用户名（可选）\n      password: '123456',\n      // 密码（可选）\n      clientId: clientId,\n      // 客户端ID，默认随机生成\n      protocolId: 'MQTT',\n      protocolVersion: 4,\n      clean: true,\n      // false在离线时接收QoS1和2的消息\n      reconnectPeriod: 2000,\n      // 重连间隔，默认1000毫秒\n      connectTimeout: 30 * 1000,\n      // 收到CONNACK之前的等待时间\n      will: {\n        // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n        topic: 'img1',\n        // 要发布的主题\n        payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！',\n        // 要发布的消息\n        qos: 0,\n        // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n        retain: false // 保留标志\n\n      }\n    };\n\n    if (this.mqttClient == undefined) {\n      this.mqttClient = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host)  // 连接\n      // 错误回调\n      // console.log(\"this.mqttClient\", this.mqttClient)\n\n      this.mqttClient.on('error', function (err) {\n        console.log('[MQTT-TEST] 连接错误：', err);\n\n        _this11.mqttClient.end();\n      }); // 重连回调\n\n      this.mqttClient.on('reconnect', function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n      }); // 连接回调\n\n      this.mqttClient.on('connect', function (connect) {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n        // 订阅\n        _this11.mqttClient.subscribe('img0', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img1', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img2', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img3', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img4', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('img5', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream0', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream1', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream2', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream3', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream4', {\n          qos: 0\n        });\n\n        _this11.mqttClient.subscribe('stream5', {\n          qos: 0\n        });\n      }); // 接收回调\n\n      this.mqttClient.on('message', function (topic, message, packet) {\n        if (topic.indexOf('img0') != -1) {\n          // try {\n          var utf8decoder = new TextDecoder();\n          var u8arr = new Uint8Array(message);\n          var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n          var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n          //   debugger\n          //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n          //   console.log(\"msg.pic\", msg.pic)\n          //   debugger\n          // var that = this\n          //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n          // window.parent.getDestination(JSON.stringify(msg));\n          //    debugger\n          // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n          //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n          //   console.log(\"imageUrl\", imageUrl)\n          // }\n          // catch {\n          //   let imageType = 'arraybuffer';\n          //   const blob = new Blob([message], { type: imageType })\n          //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n          // //   console.log(\"imageUrl\", imageUrl)\n          // }\n        } else if (topic.indexOf('img1') != -1) {\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg); //msg为转换后的JSON数据\n\n            _this11.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused) {\n            var imageType = 'arraybuffer';\n            var blob = new Blob([message], {\n              type: imageType\n            });\n\n            var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n            console.log('imageUrl', _imageUrl);\n          }\n        } else if (topic.indexOf('img2') != -1) {\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message);\n\n            var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n            var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg2); //msg为转换后的JSON数据\n\n            _this11.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused2) {\n            var _imageType = 'arraybuffer';\n\n            var _blob = new Blob([message], {\n              type: _imageType\n            });\n\n            var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n            console.log('imageUrl', _imageUrl2);\n          }\n        } else if (topic.indexOf('img3') != -1) {\n          try {\n            var _utf8decoder3 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message);\n\n            var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n            var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg3); //msg为转换后的JSON数据\n\n            _this11.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused3) {\n            var _imageType2 = 'arraybuffer';\n\n            var _blob2 = new Blob([message], {\n              type: _imageType2\n            });\n\n            var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n            console.log('imageUrl', _imageUrl3);\n          }\n        } else if (topic.indexOf('img4') != -1) {\n          try {\n            var _utf8decoder4 = new TextDecoder();\n\n            var _u8arr4 = new Uint8Array(message);\n\n            var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n            var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg4); //msg为转换后的JSON数据\n\n            _this11.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused4) {\n            var _imageType3 = 'arraybuffer';\n\n            var _blob3 = new Blob([message], {\n              type: _imageType3\n            });\n\n            var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n            console.log('imageUrl', _imageUrl4);\n          }\n        } else if (topic.indexOf('img5') != -1) {\n          try {\n            var _utf8decoder5 = new TextDecoder();\n\n            var _u8arr5 = new Uint8Array(message);\n\n            var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n            var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg5); //msg为转换后的JSON数据\n\n            _this11.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused5) {\n            var _imageType4 = 'arraybuffer';\n\n            var _blob4 = new Blob([message], {\n              type: _imageType4\n            });\n\n            var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n            console.log('imageUrl', _imageUrl5);\n          }\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream1') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream2') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream3') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream4') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream5') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        }\n      });\n    }\n  }), _methods)\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n        })\r\n    },\r\n    methods: {\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.addDianForm={}\r\n            this.dialogVisible = false\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673601263627},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import _defineProperty from \"C:/Users/LGZN-Digital/Desktop/\\u65B0\\u5EFA\\u6587\\u4EF6\\u5939/TransFlow/node_modules/@babel/runtime/helpers/esm/defineProperty\";\nimport \"core-js/modules/es6.regexp.to-string\";\nimport \"core-js/modules/es6.typed.uint8-array\";\nimport \"core-js/modules/es6.function.name\";\nimport \"core-js/modules/web.dom.iterable\";\n\nvar _methods;\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport mqtt from 'mqtt'; // mqtt协议\n\nimport { getFeixpz, setCameraPosition, setLicensePlate, setParkingStatus, setFeixzbzh } from \"@/api/index\";\nexport default {\n  data: function data() {\n    return {\n      oldName: '',\n      formRules: {\n        pointName: [{\n          required: true,\n          message: '请输入点名称',\n          trigger: 'blur'\n        }],\n        longitude: [{\n          required: true,\n          message: '请输入经度',\n          trigger: 'blur'\n        }],\n        latitude: [{\n          required: true,\n          message: '请输入纬度',\n          trigger: 'blur'\n        }]\n      },\n      addDianForm: {\n        pointName: '',\n        longitude: \"\",\n        latitude: ''\n      },\n      dialogVisible: false,\n      coordinateTransformationId: '',\n      AnalysisSettingId: '',\n      contentShow: {\n        postion: true,\n        coordinate: false,\n        plate: true,\n        parking: true\n      },\n      sizeForm: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: '',\n        longitude: '',\n        latitude: ''\n      },\n      formInline: {\n        user: '',\n        region: ''\n      },\n      //最上部表单\n      topForm: {},\n      //坐标转换\n      coordinateForm: {\n        coordinateClose: false,\n        model: 'Georeferencing',\n        coordinateTransformation: '84坐标系',\n        value: '0',\n        num: 1\n      },\n      options: [{\n        value: '南',\n        label: '南'\n      }, {\n        value: '北',\n        label: '北'\n      }],\n      coordinateTableData: [{\n        name: '11',\n        longitude: '111',\n        inIp: '01',\n        latitude: ''\n      }, {\n        name: '22',\n        longitude: '222',\n        inIp: '02',\n        latitude: ''\n      }, {\n        name: '33',\n        longitude: '333',\n        inIp: '03',\n        latitude: ''\n      }],\n      //车道识别配置\n      laneform: {\n        laneClose: false,\n        areaDetector: false,\n        sectionDetector: false\n      },\n      //识别区域\n      identificationAreaform: {\n        identificationAreaClose: false\n      },\n      //轨迹平滑\n      trajectorySmoothingform: {\n        trajectorySmoothingClose: false,\n        time: ''\n      },\n      // 车牌识别\n      licensePlateform: {\n        licensePlateClose: 0\n      },\n      licensePlateTableData: [{\n        thresholdValue: '11',\n        sectionPlate: '111',\n        inIp: '01',\n        setAssociation: ''\n      }, {\n        thresholdValue: '22',\n        sectionPlate: '222',\n        inIp: '02',\n        setAssociation: ''\n      }, {\n        thresholdValue: '33',\n        sectionPlate: '333',\n        inIp: '03',\n        setAssociation: ''\n      }],\n      //停车状态\n      stopStateform: {\n        displacement: '2000',\n        speed: '2000',\n        acceleration: '2000'\n      },\n      //通信设置\n      communicationform: {\n        type: '快速-用于高带宽连接',\n        renewalFrequency: ''\n      },\n      form: {\n        name: '',\n        region: '',\n        date1: '',\n        date2: '',\n        delivery: false,\n        type: [],\n        resource: '',\n        desc: ''\n      },\n      tableData: [{\n        name: '11',\n        inPort: '111',\n        inIp: '01'\n      }, {\n        name: '22',\n        inPort: '222',\n        inIp: '02'\n      }, {\n        name: '33',\n        inPort: '333',\n        inIp: '03'\n      }],\n      internalIpList: [],\n      fileList: []\n    };\n  },\n  created: function created() {\n    var _this = this;\n\n    //    this.getDataByMqtt()\n    //  this.testMqtt()\n    //  var iframe = document.getElementById(\"mapModule\");\n    // iframe.onload = function () {\n    //     setTimeout(() => {\n    //         this.testMqtt()\n    //     }, 5000);\n    // };\n    //     iframe.onload = () => {\n    // setTimeout(() => {\n    //             this.load()\n    //         }, 5000);// 这样每次都会触发\n    // }\n    getFeixpz({\n      VideoId: this.$route.query.id\n    }).then(function (res) {\n      _this.sizeForm.longitude = res.data.data.cameraPositionLongitude;\n      _this.sizeForm.latitude = res.data.data.cameraPositionLatitude;\n      _this.coordinateForm.num = res.data.data.utmArea == '-1' ? '' : res.data.data.utmArea;\n      _this.coordinateForm.value = res.data.data.hemisphere;\n      _this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation;\n      _this.coordinateTableData = res.data.data.pointData != null ? res.data.data.pointData : [];\n      _this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch;\n      _this.stopStateform.displacement = res.data.data.parkingDisplacement;\n      _this.stopStateform.speed = res.data.data.parkingSpeed;\n      _this.AnalysisSettingId = res.data.data.analysisSettingId;\n      _this.coordinateTransformationId = res.data.data.coordinateTransformationId;\n\n      _this.coordinateTableData.forEach(function (item) {\n        item.btnShow = '1';\n      });\n    });\n  },\n  mounted: function mounted() {\n    window.OnSceneload = this.OnSceneload;\n    window.saveCoordinate = this.saveCoordinate;\n  },\n  methods: (_methods = {\n    saveCoordinate: function saveCoordinate(obj) {\n      console.log(obj);\n      this.coordinateTableData.forEach(function (item) {\n        if (item.pointName == obj.pointName) {\n          item.imageXCoordinate = obj.imageXCoordinate;\n          item.imageYCoordinate = obj.imageYCoordinate;\n        }\n      });\n    },\n    handleExit: function handleExit(row, index) {\n      var _this2 = this;\n\n      this.oldName = row.pointName;\n      this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName);\n      this.coordinateTableData.forEach(function (item, index) {\n        if (row.pointName == item.pointName) {\n          item.btnShow = '2';\n\n          _this2.$set(_this2.coordinateTableData, index, item);\n        }\n      });\n    },\n    handleconfirm: function handleconfirm(row, index) {\n      var _this3 = this;\n\n      var string = this.oldName + ',' + row.pointName;\n      this.$refs.analysisWeb.contentWindow.saveDian(string);\n      this.coordinateTableData.forEach(function (item, indexnew) {\n        if (row.pointName == item.pointName) {\n          item.btnShow = '1';\n\n          _this3.$set(_this3.coordinateTableData, indexnew, item);\n        }\n      });\n    },\n    OnSceneload: function OnSceneload() {\n      this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id);\n    },\n    handleDeleteDian: function handleDeleteDian(row) {\n      var _this4 = this;\n\n      this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\n        confirmButtonText: '确定',\n        cancelButtonText: '取消',\n        type: 'warning'\n      }).then(function () {\n        _this4.coordinateTableData = _this4.coordinateTableData.filter(function (item) {\n          return item.pointName != row.pointName;\n        });\n\n        _this4.$refs.analysisWeb.contentWindow.deletePoint(row.pointName);\n\n        _this4.$message({\n          type: 'success',\n          message: '删除成功!'\n        });\n      }).catch(function () {\n        _this4.$message({\n          type: 'info',\n          message: '已取消删除'\n        });\n      });\n    },\n    handleDian: function handleDian(formName) {\n      var _this5 = this;\n\n      this.$refs[formName].validate(function (valid) {\n        if (valid) {\n          console.log(_this5.addDianForm, 'addDianForm,,,');\n          _this5.addDianForm.btnShow = '2';\n          _this5.oldName = _this5.addDianForm.pointName;\n\n          _this5.coordinateTableData.unshift(_this5.addDianForm);\n\n          _this5.dialogVisible = false;\n\n          _this5.$refs.analysisWeb.contentWindow.setPOS(_this5.addDianForm.pointName);\n\n          _this5.addDianForm = {};\n        } else {\n          return false;\n        }\n      });\n    },\n    handleClose: function handleClose(done) {\n      this.$confirm('确认关闭？').then(function (_) {\n        done();\n      }).catch(function (_) {});\n    },\n    // 坐标转换接口\n    handlePos: function handlePos() {\n      var _this6 = this;\n\n      var params = {\n        CoordinateTransformationId: this.coordinateTransformationId,\n        UTMArea: this.coordinateForm.num == '' ? '-1' : this.coordinateForm.num,\n        Hemisphere: this.coordinateForm.value,\n        CoordinateTransformation: this.coordinateForm.coordinateTransformation,\n        PointData: this.coordinateTableData\n      };\n      setFeixzbzh(params).then(function (res) {\n        _this6.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 停车状态\n    handleParking: function handleParking() {\n      var _this7 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('ParkingDisplacement', this.stopStateform.displacement);\n      params.append('ParkingSpeed', this.stopStateform.speed);\n      setParkingStatus(params).then(function (res) {\n        _this7.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 车牌识别\n    changeChepai: function changeChepai(val) {\n      var _this8 = this;\n\n      console.log(val, 'val111');\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('LicensePlateRecognitionSwitch', val);\n      setLicensePlate(params).then(function (res) {\n        _this8.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 经纬度保存\n    handSaveitude: function handSaveitude() {\n      var _this9 = this;\n\n      var params = new URLSearchParams();\n      params.append('AnalysisSettingId', this.AnalysisSettingId);\n      params.append('CameraPositionLongitude', this.sizeForm.longitude);\n      params.append('CameraPositionLatitude', this.sizeForm.latitude);\n      setCameraPosition(params).then(function (res) {\n        _this9.$message({\n          type: 'success',\n          message: '保存成功!'\n        });\n      });\n    },\n    // 收放\n    handleContent: function handleContent(val) {\n      if (val == 'postion') {\n        this.contentShow.postion = !this.contentShow.postion;\n      }\n\n      if (val == 'coordinate') {\n        this.contentShow.coordinate = !this.contentShow.coordinate;\n      }\n\n      if (val == 'plate') {\n        this.contentShow.plate = !this.contentShow.plate;\n      }\n\n      if (val == 'parking') {\n        this.contentShow.parking = !this.contentShow.parking;\n      }\n    },\n    handleChange: function handleChange(value) {\n      console.log(value);\n    },\n    load: function load() {\n      var _this10 = this;\n\n      console.log('1111');\n      var iframe = document.getElementById('mapModuleTop');\n      console.log('iframe', iframe);\n\n      iframe.onload = function () {\n        // setTimeout(() => {\n        _this10.testMqtt(); // }, 5000);\n\n      };\n    },\n    testMqtt: function testMqtt() {\n      console.log('222');\n      this.getDataByMqtt();\n    }\n  }, _defineProperty(_methods, \"handleChange\", function handleChange() {}), _defineProperty(_methods, \"handleagain\", function handleagain() {\n    var _this11 = this;\n\n    this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this11.$message({\n        type: 'info',\n        message: '已取消'\n      });\n    });\n  }), _defineProperty(_methods, \"handleReset\", function handleReset() {\n    var _this12 = this;\n\n    this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\n      confirmButtonText: '确定',\n      cancelButtonText: '取消',\n      type: 'warning'\n    }).then(function () {// this.$message({\n      //   type: 'success',\n      //   message: '删除成功!'\n      // });\n    }).catch(function () {\n      _this12.$message({\n        type: 'info',\n        message: '已取消重置'\n      });\n    });\n  }), _defineProperty(_methods, \"handleRemove\", function handleRemove(file, fileList) {\n    console.log(file, fileList);\n  }), _defineProperty(_methods, \"handlePreview\", function handlePreview(file) {\n    console.log(file);\n  }), _defineProperty(_methods, \"handleExceed\", function handleExceed(files, fileList) {\n    this.$message.warning(\"\\u5F53\\u524D\\u9650\\u5236\\u9009\\u62E9 3 \\u4E2A\\u6587\\u4EF6\\uFF0C\\u672C\\u6B21\\u9009\\u62E9\\u4E86 \".concat(files.length, \" \\u4E2A\\u6587\\u4EF6\\uFF0C\\u5171\\u9009\\u62E9\\u4E86 \").concat(files.length + fileList.length, \" \\u4E2A\\u6587\\u4EF6\"));\n  }), _defineProperty(_methods, \"beforeRemove\", function beforeRemove(file, fileList) {\n    return this.$confirm(\"\\u786E\\u5B9A\\u79FB\\u9664 \".concat(file.name, \"\\uFF1F\"));\n  }), _defineProperty(_methods, \"getReverseShellList\", function getReverseShellList() {\n    //   getShellList().then(res => {\n    //     if (res.code === 200) {\n    //       if (res.data && res.data.length > 0) {\n    //       \t// 获取到的数据加上 isEdit是false， 默认是文本\n    //         res.data.forEach(item => {\n    //           item['isEdit'] = false\n    //         })\n    //       }\n    //   this.tableData = res.data\n    // 在表格列表前插入一行，用来新增数据\n    this.tableData.unshift({\n      name: '',\n      inIp: '',\n      inPort: null,\n      outPort: null,\n      enabled: null,\n      isEdit: true\n    }); //     }\n    //   })\n  }), _defineProperty(_methods, \"handleAdd\", function handleAdd(row) {\n    for (var key in row) {\n      // 判断一行字段是否输入完整\n      if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n        this.msgError('Please complete the information');\n        return;\n      }\n    }\n\n    var params = {\n      name: row.name,\n      inIp: row.inIp // inPort: parseInt(row.inPort),\n      // outPort: parseInt(row.outPort),\n      // enabled: row.enabled\n\n    };\n    this.getReverseShellList(); //   addShell(params).then(res => {\n    //     if (res.code === 200) {\n    //       this.msgSuccess('Add reverse shell successfully')\n    //       row.isEdit = false\n    //       this.getReverseShellList()\n    //     }\n    //   })\n  }), _defineProperty(_methods, \"handleUpdate\", function handleUpdate(row) {\n    // 点击Apply时\n    if (row.isEdit) {\n      for (var key in row) {\n        if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\n          this.msgError('Please complete the information');\n          return;\n        }\n      }\n\n      var params = {\n        name: row.name,\n        inIp: row.inIp,\n        inPort: parseInt(row.inPort),\n        outPort: parseInt(row.outPort),\n        enabled: row.enabled\n      }; // updateShell(params).then(res => {\n      //   if (res.code === 200) {\n      //     this.msgSuccess('Update reverse shell successfully')\n      //     this.getReverseShellList()\n      //   }\n      // })\n    } else {\n      // 点击编辑时\n      row.isEdit = true;\n    }\n  }), _defineProperty(_methods, \"handleDelete\", function handleDelete(row) {\n    // 点击取消时\n    if (row.isEdit) {\n      this.getReverseShellList();\n    } else {\n      // 点击删除时\n      this.$confirm('Are you sure to delete reverse shell?', 'warning', {\n        confirmButtonText: 'Sure',\n        cancelButtonText: 'Cancel',\n        type: 'warning'\n      }).then(function () {//   deleteShell(row.name).then(res => {\n        //     if (res.code === 200) {\n        //       this.msgSuccess('Delete reverse shell successfully')\n        //       this.getReverseShellList()\n        //     }\n        //   })\n      }).catch(function () {});\n    }\n  }), _defineProperty(_methods, \"getDataByMqtt\", function getDataByMqtt(url, topic, cIdNum) {\n    var _this13 = this;\n\n    //     var that = this\n    // that.$refs.iframe.contentWindow.getDestination(1)\n    // console.log(\"1111\",document.getElementById(\"mapModule\"))\n    //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\n    var clientId = 'test_id_' + String(new Date().getTime()); // 用户名\n    //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\n\n    var host = 'ws://172.16.1.168:10087/';\n    var options = {\n      // 配置\n      // 测试：订阅本机IP\n      // host: host,\n      // port: port,\n      // host:\"172.16.1.168:10086\",\n      keepalive: 60,\n      // 心跳时间，默认60s，设置为0禁用\n      username: 'admin',\n      // 用户名（可选）\n      password: '123456',\n      // 密码（可选）\n      clientId: clientId,\n      // 客户端ID，默认随机生成\n      protocolId: 'MQTT',\n      protocolVersion: 4,\n      clean: true,\n      // false在离线时接收QoS1和2的消息\n      reconnectPeriod: 2000,\n      // 重连间隔，默认1000毫秒\n      connectTimeout: 30 * 1000,\n      // 收到CONNACK之前的等待时间\n      will: {\n        // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\n        topic: 'img1',\n        // 要发布的主题\n        payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！',\n        // 要发布的消息\n        qos: 0,\n        // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\n        retain: false // 保留标志\n\n      }\n    };\n\n    if (this.mqttClient == undefined) {\n      this.mqttClient = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host, options); // 连接\n      // const client = mqtt.connect(host)  // 连接\n      // 错误回调\n      // console.log(\"this.mqttClient\", this.mqttClient)\n\n      this.mqttClient.on('error', function (err) {\n        console.log('[MQTT-TEST] 连接错误：', err);\n\n        _this13.mqttClient.end();\n      }); // 重连回调\n\n      this.mqttClient.on('reconnect', function (reconnect) {//   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\n      }); // 连接回调\n\n      this.mqttClient.on('connect', function (connect) {\n        //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\n        // 订阅\n        _this13.mqttClient.subscribe('img0', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img1', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img2', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img3', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img4', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('img5', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream0', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream1', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream2', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream3', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream4', {\n          qos: 0\n        });\n\n        _this13.mqttClient.subscribe('stream5', {\n          qos: 0\n        });\n      }); // 接收回调\n\n      this.mqttClient.on('message', function (topic, message, packet) {\n        if (topic.indexOf('img0') != -1) {\n          // try {\n          var utf8decoder = new TextDecoder();\n          var u8arr = new Uint8Array(message);\n          var temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\n\n          var msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n          //   debugger\n          //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\n          //   console.log(\"msg.pic\", msg.pic)\n          //   debugger\n          // var that = this\n          //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\n          // window.parent.getDestination(JSON.stringify(msg));\n          //    debugger\n          // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\n          //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\n          //   console.log(\"imageUrl\", imageUrl)\n          // }\n          // catch {\n          //   let imageType = 'arraybuffer';\n          //   const blob = new Blob([message], { type: imageType })\n          //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\n          // //   console.log(\"imageUrl\", imageUrl)\n          // }\n        } else if (topic.indexOf('img1') != -1) {\n          try {\n            var _utf8decoder = new TextDecoder();\n\n            var _u8arr = new Uint8Array(message);\n\n            var _temp = _utf8decoder.decode(_u8arr); // 将二进制数据转为字符串\n\n\n            var _msg = JSON.parse(_temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg); //msg为转换后的JSON数据\n\n            _this13.imgUrl1 = 'data:image/png;base64,' + _msg.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused) {\n            var imageType = 'arraybuffer';\n            var blob = new Blob([message], {\n              type: imageType\n            });\n\n            var _imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\n\n            console.log('imageUrl', _imageUrl);\n          }\n        } else if (topic.indexOf('img2') != -1) {\n          try {\n            var _utf8decoder2 = new TextDecoder();\n\n            var _u8arr2 = new Uint8Array(message);\n\n            var _temp2 = _utf8decoder2.decode(_u8arr2); // 将二进制数据转为字符串\n\n\n            var _msg2 = JSON.parse(_temp2); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg2); //msg为转换后的JSON数据\n\n            _this13.imgUrl2 = 'data:image/png;base64,' + _msg2.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused2) {\n            var _imageType = 'arraybuffer';\n\n            var _blob = new Blob([message], {\n              type: _imageType\n            });\n\n            var _imageUrl2 = (window.URL || window.webkitURL).createObjectURL(_blob);\n\n            console.log('imageUrl', _imageUrl2);\n          }\n        } else if (topic.indexOf('img3') != -1) {\n          try {\n            var _utf8decoder3 = new TextDecoder();\n\n            var _u8arr3 = new Uint8Array(message);\n\n            var _temp3 = _utf8decoder3.decode(_u8arr3); // 将二进制数据转为字符串\n\n\n            var _msg3 = JSON.parse(_temp3); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg3); //msg为转换后的JSON数据\n\n            _this13.imgUrl3 = 'data:image/png;base64,' + _msg3.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused3) {\n            var _imageType2 = 'arraybuffer';\n\n            var _blob2 = new Blob([message], {\n              type: _imageType2\n            });\n\n            var _imageUrl3 = (window.URL || window.webkitURL).createObjectURL(_blob2);\n\n            console.log('imageUrl', _imageUrl3);\n          }\n        } else if (topic.indexOf('img4') != -1) {\n          try {\n            var _utf8decoder4 = new TextDecoder();\n\n            var _u8arr4 = new Uint8Array(message);\n\n            var _temp4 = _utf8decoder4.decode(_u8arr4); // 将二进制数据转为字符串\n\n\n            var _msg4 = JSON.parse(_temp4); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg4); //msg为转换后的JSON数据\n\n            _this13.imgUrl4 = 'data:image/png;base64,' + _msg4.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused4) {\n            var _imageType3 = 'arraybuffer';\n\n            var _blob3 = new Blob([message], {\n              type: _imageType3\n            });\n\n            var _imageUrl4 = (window.URL || window.webkitURL).createObjectURL(_blob3);\n\n            console.log('imageUrl', _imageUrl4);\n          }\n        } else if (topic.indexOf('img5') != -1) {\n          try {\n            var _utf8decoder5 = new TextDecoder();\n\n            var _u8arr5 = new Uint8Array(message);\n\n            var _temp5 = _utf8decoder5.decode(_u8arr5); // 将二进制数据转为字符串\n\n\n            var _msg5 = JSON.parse(_temp5); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\n\n\n            console.log('msg', _msg5); //msg为转换后的JSON数据\n\n            _this13.imgUrl5 = 'data:image/png;base64,' + _msg5.pic;\n            console.log('imageUrl', imageUrl);\n          } catch (_unused5) {\n            var _imageType4 = 'arraybuffer';\n\n            var _blob4 = new Blob([message], {\n              type: _imageType4\n            });\n\n            var _imageUrl5 = (window.URL || window.webkitURL).createObjectURL(_blob4);\n\n            console.log('imageUrl', _imageUrl5);\n          }\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream0') != -1) {// console.log(\n          //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\n          //   new Date(),\n          //   new Date().getMilliseconds()\n          // );\n        } else if (topic.indexOf('stream1') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream2') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream3') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream4') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        } else if (topic.indexOf('stream5') != -1) {\n          console.log(\"[MQTT-TEST] \\u4ECE\\u4E3B\\u9898 \\\"\".concat(topic, \"\\\" \\u6536\\u5230\\u7684\\u5185\\u5BB9: \").concat(message.toString()), new Date(), new Date().getMilliseconds());\n        }\n      });\n    }\n  }), _methods)\n};",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                ref=\"analysisWeb\"\r\n                                src=\"./analysisWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-if=\"scope.row.btnShow == '1'?true:false\"\r\n                                        @click=\"handleExit(scope.row,scope.$index)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-else\r\n                                        @click=\"handleconfirm(scope.row,scope.$index)\"\r\n                                        >确认编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "],"sourceRoot":"src/views/bounced"}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/0ff651fb2f27ec91eb0b14791ce443f3.json b/node_modules/.cache/vue-loader/0ff651fb2f27ec91eb0b14791ce443f3.json
index 11b7485f..122dfcc8 100644
--- a/node_modules/.cache/vue-loader/0ff651fb2f27ec91eb0b14791ce443f3.json
+++ b/node_modules/.cache/vue-loader/0ff651fb2f27ec91eb0b14791ce443f3.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div ref=\"box\" class=\"box\" style=\"height: 100vh\">\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n    <!-- 01断面 -->\n    <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\n        <div class=\"plate1\">\n            <div class=\"section\" ref=\"section\">\n                <div ref=\"sectionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title1 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\n                    </div>\n\n                    <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\n                </div>\n            </div>\n        </div>\n\n        <!-- 区域 -->\n        <div class=\"plate2\">\n            <div class=\"region\" ref=\"region\">\n                <div ref=\"regionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title2 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\n                    </div>\n                    <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n\n                    <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\n                    <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                    <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                    <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <!-- 详情框 -->\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673659822624},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div ref=\"box\" class=\"box\" style=\"height: 100vh\">\n    <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\n    <!-- 01断面 -->\n    <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\n        <div class=\"plate1\">\n            <div class=\"section\" ref=\"section\">\n                <div ref=\"sectionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title1 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\n                    </div>\n\n                    <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\n                    <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\n                </div>\n            </div>\n        </div>\n\n        <!-- 区域 -->\n        <div class=\"plate2\">\n            <div class=\"region\" ref=\"region\">\n                <div ref=\"regionContent\">\n                    <div>\n                        <p class=\"board-title\">\n                            <span>{{ title2 }}</span>\n                        </p>\n                        <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\n                    </div>\n                    <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n\n                    <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\n                    <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\n                    <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                    <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                    <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\n                </div>\n            </div>\n        </div>\n    </div>\n\n    <!-- 详情框 -->\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/1e6340d792a23f3043363a119993b7ee.json b/node_modules/.cache/vue-loader/1e6340d792a23f3043363a119993b7ee.json
index 152564ff..1e93bea6 100644
--- a/node_modules/.cache/vue-loader/1e6340d792a23f3043363a119993b7ee.json
+++ b/node_modules/.cache/vue-loader/1e6340d792a23f3043363a119993b7ee.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { ref: \"box\", staticClass: \"box\", staticStyle: { height: \"100vh\" } },\n    [\n      _vm.activeName == \"second\"\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\"div\", { staticClass: \"plate1\" }, [\n              _c(\"div\", { ref: \"section\", staticClass: \"section\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"sectionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title1))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count2 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.sectionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"headWayChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"typeChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"周期统计\",\n                        data: _vm.sectionList\n                      }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ]),\n            _c(\"div\", { staticClass: \"plate2\" }, [\n              _c(\"div\", { ref: \"region\", staticClass: \"region\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"regionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title2))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count1 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.regionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"OD\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"lineUpChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"checkChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期时刻\",\n                        data: _vm.regionList1\n                      }\n                    }),\n                    _c(\"delayChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"congestionChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"headWayChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ])\n          ])\n        : _vm._e()\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673659822624},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { ref: \"box\", staticClass: \"box\", staticStyle: { height: \"100vh\" } },\n    [\n      _vm.activeName == \"second\"\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\"div\", { staticClass: \"plate1\" }, [\n              _c(\"div\", { ref: \"section\", staticClass: \"section\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"sectionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title1))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count2 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.sectionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"headWayChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"typeChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: {\n                        pageType: \"断面\",\n                        triggerType: \"周期统计\",\n                        data: _vm.sectionList\n                      }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ]),\n            _c(\"div\", { staticClass: \"plate2\" }, [\n              _c(\"div\", { ref: \"region\", staticClass: \"region\" }, [\n                _c(\n                  \"div\",\n                  { ref: \"regionContent\" },\n                  [\n                    _c(\"div\", [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _c(\"span\", [_vm._v(_vm._s(_vm.title2))])\n                      ]),\n                      _c(\"span\", {\n                        staticClass: \"downPull\",\n                        class: _vm.count1 == true ? \"upActive\" : \"active\",\n                        on: {\n                          click: function($event) {\n                            return _vm.regionHandle()\n                          }\n                        }\n                      })\n                    ]),\n                    _c(\"OD\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"speedChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"flowChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"lineUpChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"触发\",\n                        data: _vm.tableData\n                      }\n                    }),\n                    _c(\"checkChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期时刻\",\n                        data: _vm.regionList1\n                      }\n                    }),\n                    _c(\"delayChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"congestionChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    }),\n                    _c(\"headWayChart\", {\n                      attrs: {\n                        pageType: \"区域\",\n                        triggerType: \"周期统计\",\n                        data: _vm.regionList2\n                      }\n                    })\n                  ],\n                  1\n                )\n              ])\n            ])\n          ])\n        : _vm._e()\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/23afe18120ddeac9b17afb14d4030dac.json b/node_modules/.cache/vue-loader/23afe18120ddeac9b17afb14d4030dac.json
index ef1f697a..e43dfda4 100644
--- a/node_modules/.cache/vue-loader/23afe18120ddeac9b17afb14d4030dac.json
+++ b/node_modules/.cache/vue-loader/23afe18120ddeac9b17afb14d4030dac.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\n                        <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                        <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\n                        <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\n                    <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('coordinate')\">\n                    <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\n                    <!-- <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item> -->\n                    <el-form-item label=\"UTM区：\"  class=\"otherThings\">\n                            <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"60\"></el-input-number>\n                            <div class=\"warning\" style=\"margin:0px\">\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                                >地理参照允许测量物理速度和静态图像源的距离。\n                            </div>\n                    </el-form-item>\n                    <el-form-item label=\"半球：\" >\n                      <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\n                          <el-option\n                            v-for=\"(item) in options\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                          </el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" >\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"WGS-84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" >\n                        <iframe\n                            id=\"mapModuleTop\"\n                            @load=\"load\"\n                            src=\"./VideoWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                        <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n      ref=\"iframe\"></iframe> -->\n                    </div>\n                    <div class=\"warning\">\n                        <el-button\n                            size=\"mini\"\n                            type=\"primary\"\n                            style=\"color: #fffff\"\n                            @click=\"dialogVisible = true\"\n                            >新增点\n                        </el-button>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >请至少配置4个点，不满足4个点会没有数据。\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" >\n                        <template slot=\"empty\">\n                          <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\n                        </template>\n                        <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >编辑\n                                </el-button>\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDeleteDian(scope.row)\"\n                                    >删除\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            :disabled=\"coordinateTableData.length<4\"\n                            @click=\"handlePos()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('plate')\">\n                  <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\n                    </el-form-item>\n                    <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\" v-if=\"false\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('parking')\">\n                  <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\" v-if=\"false\"> \n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\n                    <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n                            <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n                            <el-radio label=\"自定义\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n        <el-dialog\n          title=\"新增点\"\n          :visible.sync=\"dialogVisible\"\n          width=\"30%\"\n          :before-close=\"handleClose\">\n          <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\n              <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"纬度：\" prop=\"latitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\n                </el-col>\n              </el-form-item>\n          </el-form>\n          <span slot=\"footer\" class=\"dialog-footer\">\n            <el-button @click=\"dialogVisible = false\">取 消</el-button>\n            <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\n          </span>\n        </el-dialog>\n</div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673601263627},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div class=\"analysis\">\n        <div class=\"top\" style=\"margin-top:10px\">\n            <div class=\"section\">\n                <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <div class=\"warning\">\n                        <p class=\"board-title\">自动保存</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\n                    </div>\n                    <el-form-item label=\"自动保存：\">\n                        <el-switch v-model=\"formInline.user\"></el-switch>\n                    </el-form-item>\n                    <el-form-item label=\"时间间隔：\">\n                        <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\n                            <el-option label=\"20s\" value=\"shanghai\"></el-option>\n                            <el-option label=\"30s\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                </el-form>\n                <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\n                    <div class=\"warning\" v-if=\"false\">\n                      <p class=\"board-title\">重置分析</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\n                    </div>\n                    <!-- <el-form-item > -->\n                    <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\n                    <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\n                        <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                        <p class=\"board-title\">相机位置</p>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\n                    </div>\n                    <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\n                        <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\n                        <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\n                    <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('coordinate')\">\n                    <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                    <p class=\"board-title\">坐标转换</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\n                </div>\n                <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\n                    <!-- <el-form-item label=\"坐标转换开关：\">\n                        <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\n                    </el-form-item> -->\n                    <el-form-item label=\"UTM区：\"  class=\"otherThings\">\n                            <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\n                            <div class=\"warning\" style=\"margin:0px\">\n                                <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                                >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\n                            </div>\n                    </el-form-item>\n                    <el-form-item label=\"半球：\" >\n                      <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\n                          <el-option\n                            v-for=\"(item) in options\"\n                            :key=\"item.value\"\n                            :label=\"item.label\"\n                            :value=\"item.value\">\n                          </el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"坐标转换：\" >\n                        <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\n                            <el-radio label=\"WGS-84坐标系\"></el-radio>\n                            <el-radio label=\"其他\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\n                        <iframe\n                            ref=\"analysisWeb\"\n                            src=\"./analysisWeb/index.html\"\n                            frameborder=\"0\"\n                            style=\"width: 100%; height: 100%\"\n                        ></iframe>\n                    </div>\n                    <div class=\"warning\">\n                        <el-button\n                            size=\"mini\"\n                            type=\"primary\"\n                            style=\"color: #fffff\"\n                            @click=\"dialogVisible = true\"\n                            >新增点\n                        </el-button>\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                        >请至少配置4个点，不满足4个点会没有数据。\n                    </div>\n                    <el-table border :data=\"coordinateTableData\" >\n                        <template slot=\"empty\">\n                          <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\n                        </template>\n                        <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    v-if=\"scope.row.btnShow == '1'?true:false\"\n                                    @click=\"handleExit(scope.row,scope.$index)\"\n                                    >编辑\n                                </el-button>\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    v-else\n                                    @click=\"handleconfirm(scope.row,scope.$index)\"\n                                    >确认编辑\n                                </el-button>\n                                <el-button\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDeleteDian(scope.row)\"\n                                    >删除\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\">\n                        <el-button\n                            type=\"primary\"\n                            :disabled=\"coordinateTableData.length<4\"\n                            @click=\"handlePos()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                    <p class=\"board-title\">车道识别配置</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\n                </div>\n                <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\n                    <!-- <p>车道识别配置</p> -->\n                    <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\n                        <el-switch v-model=\"laneform.laneClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\n                        <el-switch v-model=\"laneform.areaDetector\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"自动识别各车道中心点坐标（断面检测器）：\"\n                        style=\"width: 300px\"\n                        v-if=\"laneform.laneClose == true\"\n                    >\n                        <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">识别区域</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\n                </div>\n                \n\n                <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\n                    <!-- <p>车道识别配置</p> -->\n\n                    <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\n                    </el-form-item>\n                    <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"identificationAreaform.identificationAreaClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">轨迹平滑</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\n                </div>\n                <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\n                    <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\n                        <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\n                    </el-form-item>\n                    <el-form-item\n                        label=\"预测滤波时间：\"\n                        style=\"width: 250px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                    >\n                        <el-input-number\n                            v-model=\"trajectorySmoothingform.time\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"预测滤波时间\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-button\n                        type=\"primary\"\n                        @click=\"handleagain()\"\n                        size=\"small\"\n                        style=\"width: 150px\"\n                        v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\n                        >保存</el-button\n                    >\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('plate')\">\n                  <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">车牌识别</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\n                </div>\n                <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\n                    <el-form-item label=\"车牌识别开关：\">\n                        <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\n                    </el-form-item>\n                    <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\n                        <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\n                    </div>\n                    <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\n                    <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\n                        <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.$index === 0\"\n                                    v-model=\"scope.row.sectionPlate\"\n                                    maxlength=\"30\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.sectionPlate\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.setAssociation\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.setAssociation\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\n                            <template slot-scope=\"scope\">\n                                <el-input\n                                    v-if=\"scope.row.isEdit\"\n                                    v-model=\"scope.row.thresholdValue\"\n                                    maxlength=\"20\"\n                                    placeholder=\"Required\"\n                                />\n                                <span v-else v-text=\"scope.row.thresholdValue\"></span>\n                            </template>\n                        </el-table-column>\n                        <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\n                            <template slot-scope=\"scope\">\n                                <el-button\n                                    v-if=\"scope.$index === 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleAdd(scope.row)\"\n                                    >Add\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #2090c1\"\n                                    @click=\"handleUpdate(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\n                                </el-button>\n                                <el-button\n                                    v-if=\"scope.$index !== 0\"\n                                    size=\"mini\"\n                                    type=\"text\"\n                                    style=\"color: #f56c6c\"\n                                    @click=\"handleDelete(scope.row)\"\n                                    >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\n                                </el-button>\n                            </template>\n                        </el-table-column>\n                    </el-table>\n                    <div style=\"margin-top: 15px\" v-if=\"false\">\n                        <el-button\n                            type=\"primary\"\n                            @click=\"handleagain()\"\n                            size=\"small\"\n                            style=\"width: 150px\"\n                            v-if=\"licensePlateform.licensePlateClose == true\"\n                            >保存</el-button\n                        >\n                    </div>\n                </el-form>\n            </div>\n        </div>\n        <div class=\"dataBoard\">\n            <div class=\"section\">\n                <div class=\"warning\" @click=\"handleContent('parking')\">\n                  <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\n                  <p class=\"board-title\">停车状态</p>\n                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\n                    >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\n                </div>\n                <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\n                    <el-form-item label=\"位移：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.displacement\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"位移\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"速度：\" style=\"margin-right:10px\">\n                        <el-input-number\n                            v-model=\"stopStateform.speed\"\n                            @change=\"handleChange\"\n                            :min=\"0\"\n                            :max=\"3000\"\n                            label=\"速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                    <el-form-item label=\"加速度：\" v-if=\"false\"> \n                        <el-input-number\n                            v-model=\"stopStateform.acceleration\"\n                            @change=\"handleChange\"\n                            :min=\"2000\"\n                            :max=\"3000\"\n                            label=\"加速度\"\n                        ></el-input-number>\n                    </el-form-item>\n                </el-form>\n                <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\n                    <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </div>\n            </div>\n        </div>\n        <div class=\"dataBoard\" v-if=\"false\">\n            <div class=\"section\">\n                <div class=\"warning\">\n                  <p class=\"board-title\">通信设置</p>\n                          <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\n                </div>\n                <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\n                    <el-form-item label=\"更新频率：\">\n                        <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    \n                    <el-form-item label=\"类型：\" style=\"display:flex\">\n                        <el-radio-group v-model=\"communicationform.type\">\n                            <el-radio label=\"快速-用于高带宽连接\"></el-radio>\n                            <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\n                            <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\n                            <el-radio label=\"自定义\"></el-radio>\n                        </el-radio-group>\n                    </el-form-item>\n                    <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\n                    </el-form-item>\n                    <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\n                    </el-form-item>\n                    <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"自动\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\n                            <el-option label=\"JPG\" value=\"shanghai\"></el-option>\n                            <el-option label=\"区域二\" value=\"beijing\"></el-option>\n                        </el-select>\n                    </el-form-item>\n                    <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\n                        <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\n                    </el-form-item>\n                    <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\n                </el-form>\n            </div>\n        </div>\n        <el-dialog\n          title=\"新增点\"\n          :visible.sync=\"dialogVisible\"\n          width=\"30%\"\n          :before-close=\"handleClose\">\n          <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\n              <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\n                </el-col>\n              </el-form-item>\n              <el-form-item label=\"纬度：\" prop=\"latitude\">\n                <el-col :span=\"16\">\n                  <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\n                </el-col>\n              </el-form-item>\n          </el-form>\n          <span slot=\"footer\" class=\"dialog-footer\">\n            <el-button @click=\"dialogVisible = false\">取 消</el-button>\n            <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\n          </span>\n        </el-dialog>\n</div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/241cbc12b8840c31eea16c7dc5c6f766.json b/node_modules/.cache/vue-loader/241cbc12b8840c31eea16c7dc5c6f766.json
index bc898977..67c1f3e8 100644
--- a/node_modules/.cache/vue-loader/241cbc12b8840c31eea16c7dc5c6f766.json
+++ b/node_modules/.cache/vue-loader/241cbc12b8840c31eea16c7dc5c6f766.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+8BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:''\r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n  window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(JSON.stringify(this.componentId+','+componentForm.componentName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673601263628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAw9BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal ></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:'',\r\n        \r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:'',\r\n      analysisConfigurationdata:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n   window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n  client.end();\r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              if(msg.rate=='high'){\r\n                 document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n              }else{\r\n                \r\n                this.analysisConfigurationdata = msg\r\n              }\r\n                // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(this.componentId+','+componentForm.componentName)\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/24de90158b615f61fe968ad40e1e652a.json b/node_modules/.cache/vue-loader/24de90158b615f61fe968ad40e1e652a.json
index e936a7db..f667b69c 100644
--- a/node_modules/.cache/vue-loader/24de90158b615f61fe968ad40e1e652a.json
+++ b/node_modules/.cache/vue-loader/24de90158b615f61fe968ad40e1e652a.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\n            <div class=\"mapModuleApp\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div> -->\n     \n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\" name=\"second\">\n          <dataBoard :activeName=\"activeName\"></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\" name=\"third\">\n          <analysisConfiguration></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\n          <editModal></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        \n      </el-dialog> -->\n      <el-drawer\n      class=\"new-dialog\"\n  :visible.sync=\"dialogFormVisible\"\n  direction=\"btt\"\n  custom-class=\"demo-drawer\"\n  ref=\"drawer\"\n  :modal=\"false\" \n :close-on-click-modal=\"false\"\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \n  :wrapperClosable=\"false\" \n  :with-header=\"false\"\n  >\n      <div class=\"formBox\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item> -->\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        </div> \n     \n       \n</el-drawer>\n      <!-- 组件弹框 -->\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\n          <el-form-item label=\"名称：\">\n            <el-input v-model=\"componentForm.componentName\"></el-input>\n          </el-form-item>\n          \n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\n            </el-select>\n          </el-form-item>\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"componentForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item> -->\n        <el-form-item label=\"周期间隔：\">\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\n            </el-slider> -->\n            <el-slider v-model=\"componentForm.cycleInterval\">\n            </el-slider>\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\n              <el-option label=\"小时\" value=\"hh\"></el-option>\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\n              <el-option\n\t\t\t   v-for=\"item in timeSelect\"\n\t\t\t   :key=\"item.value\"\n\t\t\t   :label=\"item.label\"\n\t\t\t   :value=\"item.value\"\n\t\t\t ></el-option>\n            </el-select>\n        </el-form-item>\n        <!-- <el-form-item label=\"单位：\" >\n         \n        </el-form-item> -->\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n             \n            </el-checkbox-group>\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group> -->\n          </el-form-item>\n          \n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n    \n      \n    <!-- </div> -->\n  </div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673601263628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n  <div class=\"content-box\">\n\n    <!-- <div class=\"container\"> -->\n    <div >\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\n            <div class=\"mapModuleApp\">\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \n          ref=\"iframe\"></iframe> -->\n                </div>\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\n\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\n\n          </div> -->\n     \n        </el-tab-pane>\n        <el-tab-pane label=\"数据看板\" name=\"second\">\n          <dataBoard :activeName=\"activeName\"></dataBoard>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析配置\" name=\"third\">\n          <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\n        </el-tab-pane>\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\n          <editModal ></editModal>\n        </el-tab-pane>\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\n      </el-tabs>\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\n  </div>  \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\n  </div> \n  <div style=\"width:30%;height:300px;display:inline-block\">\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\n  </div>  -->\n\n    </div>\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item>\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        \n      </el-dialog> -->\n      <el-drawer\n      class=\"new-dialog\"\n  :visible.sync=\"dialogFormVisible\"\n  direction=\"btt\"\n  custom-class=\"demo-drawer\"\n  ref=\"drawer\"\n  :modal=\"false\" \n :close-on-click-modal=\"false\"\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \n  :wrapperClosable=\"false\" \n  :with-header=\"false\"\n  >\n      <div class=\"formBox\">\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\n          <el-form-item label=\"组件名称\">\n            <el-input v-model=\"form.name\"></el-input>\n          </el-form-item>\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\n              <el-option label=\"正向\" value=\"正向\"></el-option>\n              <el-option label=\"反向\" value=\"反向\"></el-option>\n              <el-option label=\"双向\" value=\"双向\"></el-option>\n            </el-select>\n          </el-form-item>\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\n          </el-form-item> -->\n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n        </div> \n     \n       \n</el-drawer>\n      <!-- 组件弹框 -->\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\n          <el-form-item label=\"名称：\">\n            <el-input v-model=\"componentForm.componentName\"></el-input>\n          </el-form-item>\n          \n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\n          </el-form-item>\n          <el-form-item label=\"时间模式：\">\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\n              <el-option label=\"触发\" value=\"touch\"></el-option>\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\n            </el-select>\n          </el-form-item>\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\n          <el-radio-group v-model=\"componentForm.touchType\" >\n            <el-radio label=\"实时（触发）\"></el-radio>\n            <el-radio label=\"间隔\"></el-radio>\n          </el-radio-group>\n        </el-form-item> -->\n        <el-form-item label=\"周期间隔：\">\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\n            </el-slider> -->\n            <el-slider v-model=\"componentForm.cycleInterval\">\n            </el-slider>\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\n              <el-option label=\"小时\" value=\"hh\"></el-option>\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\n              <el-option\n\t\t\t   v-for=\"item in timeSelect\"\n\t\t\t   :key=\"item.value\"\n\t\t\t   :label=\"item.label\"\n\t\t\t   :value=\"item.value\"\n\t\t\t ></el-option>\n            </el-select>\n        </el-form-item>\n        <!-- <el-form-item label=\"单位：\" >\n         \n        </el-form-item> -->\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group>\n          </el-form-item>\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\n             \n            </el-checkbox-group>\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\n            </el-checkbox-group> -->\n          </el-form-item>\n          \n          <el-form-item>\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\n          </el-form-item>\n        </el-form>\n      </el-dialog>\n    \n      \n    <!-- </div> -->\n  </div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/368b5df4ccb4a3ed1a14c540d175fef0.json b/node_modules/.cache/vue-loader/368b5df4ccb4a3ed1a14c540d175fef0.json
index 41426e7b..a0353dae 100644
--- a/node_modules/.cache/vue-loader/368b5df4ccb4a3ed1a14c540d175fef0.json
+++ b/node_modules/.cache/vue-loader/368b5df4ccb4a3ed1a14c540d175fef0.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        this.xData = this.yData = this.list.map((val) => {\r\n            return val.timestamp;\r\n        });\r\n        this.yData = this.yData = this.list.map((val) => {\r\n            return val.speed;\r\n        });\r\n        // 断面组件触发的y轴展示\r\n        if (this.pageType == '断面' && this.status == '触发') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                return val.speed;\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n        // 断面组件周期统计的y轴展示\r\n        if (this.pageType == '断面' && this.status == '周期统计') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n\r\n        // 区域组件触发y轴展示\r\n        if (this.pageType == '区域') {\r\n            if (this.title == '类型组件') {\r\n            } else if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '排队数组件') {\r\n            } else if (this.title == '监测数组件') {\r\n            } else if (this.title == '延误组件') {\r\n            } else if (this.title == '拥堵组件') {\r\n            }\r\n        }\r\n        // if (this.pageType == '区域' && this.status == '周期时刻') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n        // if (this.pageType == '区域' && this.status == '周期统计') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title, this.status);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        this.xData = this.yData = this.list.map((val) => {\r\n            return val.timestamp;\r\n        });\r\n        this.yData = this.yData = this.list.map((val) => {\r\n            return val.speed;\r\n        });\r\n        // 断面组件触发的y轴展示\r\n        if (this.pageType == '断面' && this.status == '触发') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                return val.speed;\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n        // 断面组件周期统计的y轴展示\r\n        if (this.pageType == '断面' && this.status == '周期统计') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n\r\n        // 区域组件触发y轴展示\r\n        if (this.pageType == '区域') {\r\n            if (this.title == '类型组件') {\r\n            } else if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '排队数组件') {\r\n            } else if (this.title == '监测数组件') {\r\n            } else if (this.title == '延误组件') {\r\n            } else if (this.title == '拥堵组件') {\r\n            }\r\n        }\r\n        // if (this.pageType == '区域' && this.status == '周期时刻') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n        // if (this.pageType == '区域' && this.status == '周期统计') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title, this.status);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673603633978},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        this.xData = this.yData = this.list.map((val) => {\r\n            return val.timestamp;\r\n        });\r\n        this.yData = this.yData = this.list.map((val) => {\r\n            return val.speed;\r\n        });\r\n        // 断面组件触发的y轴展示\r\n        if (this.pageType == '断面' && this.status == '触发') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                return val.speed;\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n            }\r\n        }\r\n        // 断面组件周期统计的y轴展示\r\n        if (this.pageType == '断面' && this.status == '周期统计') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n\r\n        // 区域组件触发y轴展示\r\n        if (this.pageType == '区域') {\r\n            if (this.title == '类型组件') {\r\n            } else if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '排队数组件') {\r\n            } else if (this.title == '监测数组件') {\r\n            } else if (this.title == '延误组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_delay;\r\n                });\r\n            } else if (this.title == '拥堵组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            }\r\n        }\r\n        // if (this.pageType == '区域' && this.status == '周期时刻') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n        // if (this.pageType == '区域' && this.status == '周期统计') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title, this.status);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        status: {\r\n            type: String\r\n        }\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n            xData: [],\r\n            yData: []\r\n            // triggerType:'触发时刻'\r\n        };\r\n    },\r\n    created() {\r\n        this.xData = this.yData = this.list.map((val) => {\r\n            return val.timestamp;\r\n        });\r\n        this.yData = this.yData = this.list.map((val) => {\r\n            return val.speed;\r\n        });\r\n        // 断面组件触发的y轴展示\r\n        if (this.pageType == '断面' && this.status == '触发') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                return val.speed;\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n            }\r\n        }\r\n        // 断面组件周期统计的y轴展示\r\n        if (this.pageType == '断面' && this.status == '周期统计') {\r\n            if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.flow;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.headWay;\r\n                });\r\n            } else if (this.title == '类型组件') {\r\n                return val.speed;\r\n            }\r\n        }\r\n\r\n        // 区域组件触发y轴展示\r\n        if (this.pageType == '区域') {\r\n            if (this.title == '类型组件') {\r\n            } else if (this.title == '速度组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.speed;\r\n                });\r\n            } else if (this.title == '流量组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '车头时距组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            } else if (this.title == '排队数组件') {\r\n            } else if (this.title == '监测数组件') {\r\n            } else if (this.title == '延误组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_delay;\r\n                });\r\n            } else if (this.title == '拥堵组件') {\r\n                this.yData = this.list.map((val) => {\r\n                    return val.ave_speed;\r\n                });\r\n            }\r\n        }\r\n        // if (this.pageType == '区域' && this.status == '周期时刻') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n        // if (this.pageType == '区域' && this.status == '周期统计') {\r\n        //     if (this.title == '类型组件') {\r\n        //     } else if (this.title == '速度组件') {\r\n        //     } else if (this.title == '流量组件') {\r\n        //     } else if (this.title == '车头时距组件') {\r\n        //     } else if (this.title == '排队数组件') {\r\n        //     } else if (this.title == '监测数组件') {\r\n        //     } else if (this.title == '延误组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     } else if (this.title == '拥堵组件') {\r\n        //     }\r\n        // }\r\n    },\r\n    methods: {\r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart);\r\n\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                tooltip: {\r\n                    show: true\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisTick: {\r\n                            show: false\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            show: false\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n\r\n                        data: this.xData\r\n                    }\r\n                ],\r\n                yAxis: [\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c'\r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed'\r\n                            }\r\n                        },\r\n                        axisLine: {\r\n                            show: false\r\n                        }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: this.title,\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth: true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2\r\n                        },\r\n                        data: this.yData\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawLine();\r\n        console.log(this.pageType, this.title, this.status);\r\n        // console.log(this.list1);\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/36e64493a96c622c8a7b92426182b9cc.json b/node_modules/.cache/vue-loader/36e64493a96c622c8a7b92426182b9cc.json
index be1eebc7..99c36f47 100644
--- a/node_modules/.cache/vue-loader/36e64493a96c622c8a7b92426182b9cc.json
+++ b/node_modules/.cache/vue-loader/36e64493a96c622c8a7b92426182b9cc.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673603381777},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\"\nimport script from \"./dataBoard.vue?vue&type=script&lang=js&\"\nexport * from \"./dataBoard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7008e2bf\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('7008e2bf')) {\n      api.createRecord('7008e2bf', component.options)\n    } else {\n      api.reload('7008e2bf', component.options)\n    }\n    module.hot.accept(\"./dataBoard.vue?vue&type=template&id=7008e2bf&scoped=true&\", function () {\n      api.rerender('7008e2bf', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/dataBoard.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4367819b5c615a21b497d1a040c23146.json b/node_modules/.cache/vue-loader/4367819b5c615a21b497d1a040c23146.json
new file mode 100644
index 00000000..e5c2df3c
--- /dev/null
+++ b/node_modules/.cache/vue-loader/4367819b5c615a21b497d1a040c23146.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673601263626},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\nexport default {\r\n  data(){\r\n    return{\r\n         receiveNews: \"\",\r\n        //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\r\n         topicSends:[],\r\n        componentShow: \"\",\r\n        numArr:[],\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n    \r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ],\r\n         fullscreenLoading: false\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n    this.createMqtt()\r\n  },\r\n   //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.end();\r\n},\r\n  methods: {\r\n         /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      \r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n    client.subscribe('hert', { qos: 0 })\r\n    //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\r\n    //       if (!err) {\r\n    //         console.log(\"订阅成功\");\r\n    //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n    //       } else {\r\n    //         console.log('消息订阅失败！')\r\n    //       }\r\n    //     }); \r\n        client.subscribe(['img0','img1','img2','img3','img4','img5','img6','img7'], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n             client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n        }); \r\n       client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n        console.log(\"topic\",topic)\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n        case \"img3\":\r\n        case \"img4\":\r\n        case \"img5\":\r\n        case \"img6\":\r\n        case \"img7\":\r\n        case \"img8\":\r\n          try {\r\n\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   var newArr = []\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n                       if(this.videoList.length!=0){\r\n        for (let i = 0; i < this.videoList.length; i++) { \r\n             if(msg.id==this.videoList[i].id){\r\n                this.videoList[i].img = 'data:image/png;base64,' + msg.pic\r\n             }   \r\n        }\r\n      }\r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n         case \"hert\":\r\n             try {\r\n            console.log(\"message\", message)\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              \r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                     const loading = this.$loading({\r\n          lock: true,\r\n          text: 'Loading',\r\n          spinner: 'el-icon-loading',\r\n          background: 'rgba(0, 0, 0, 0.7)'\r\n        });\r\n        setTimeout(() => {\r\n          loading.close();\r\n           this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n            }, 5000);  \r\n                }\r\n             })\r\n    },\r\n    //停止\r\n     stopAlgorithmBtn(){\r\n         getStopAlgorithm().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n          \r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\">\r\n    \r\n    \r\n    <el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button>\r\n    <el-button  type=\"primary\" @click=\"stopAlgorithmBtn\">关闭程序</el-button>\r\n    </div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\nexport default {\r\n  data(){\r\n    return{\r\n         receiveNews: \"\",\r\n        //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\r\n         topicSends:[],\r\n        componentShow: \"\",\r\n        numArr:[],\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n    \r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ],\r\n         fullscreenLoading: false\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n    this.createMqtt()\r\n  },\r\n   //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.end();\r\n},\r\n  methods: {\r\n         /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      \r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n    client.subscribe('hert', { qos: 0 })\r\n    //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\r\n    //       if (!err) {\r\n    //         console.log(\"订阅成功\");\r\n    //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n    //       } else {\r\n    //         console.log('消息订阅失败！')\r\n    //       }\r\n    //     }); \r\n        client.subscribe(['img0','img1','img2','img3','img4','img5','img6','img7'], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n             client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n        }); \r\n       client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n        console.log(\"topic\",topic)\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n        case \"img3\":\r\n        case \"img4\":\r\n        case \"img5\":\r\n        case \"img6\":\r\n        case \"img7\":\r\n        case \"img8\":\r\n          try {\r\n\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   var newArr = []\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n                       if(this.videoList.length!=0){\r\n        for (let i = 0; i < this.videoList.length; i++) { \r\n             if(msg.id==this.videoList[i].id){\r\n                this.videoList[i].img = 'data:image/png;base64,' + msg.pic\r\n             }   \r\n        }\r\n      }\r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n         case \"hert\":\r\n             try {\r\n            console.log(\"message\", message)\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              \r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                     const loading = this.$loading({\r\n          lock: true,\r\n          text: 'Loading',\r\n          spinner: 'el-icon-loading',\r\n          background: 'rgba(0, 0, 0, 0.7)'\r\n        });\r\n        setTimeout(() => {\r\n          loading.close();\r\n           this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n            }, 5000);  \r\n                }\r\n             })\r\n    },\r\n    //停止\r\n     stopAlgorithmBtn(){\r\n         getStopAlgorithm().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n          \r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/4900345edcbeb465069c0ee79ceb3fd6.json b/node_modules/.cache/vue-loader/4900345edcbeb465069c0ee79ceb3fd6.json
index 3b238c97..b4149066 100644
--- a/node_modules/.cache/vue-loader/4900345edcbeb465069c0ee79ceb3fd6.json
+++ b/node_modules/.cache/vue-loader/4900345edcbeb465069c0ee79ceb3fd6.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"analysis\" },\n    [\n      _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            false\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.formInline,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"自动保存\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                      )\n                    ]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"自动保存：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.formInline.user,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"user\", $$v)\n                            },\n                            expression: \"formInline.user\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时间间隔：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { placeholder: \"时间间隔\" },\n                            model: {\n                              value: _vm.formInline.region,\n                              callback: function($$v) {\n                                _vm.$set(_vm.formInline, \"region\", $$v)\n                              },\n                              expression: \"formInline.region\"\n                            }\n                          },\n                          [\n                            _c(\"el-option\", {\n                              attrs: { label: \"20s\", value: \"shanghai\" }\n                            }),\n                            _c(\"el-option\", {\n                              attrs: { label: \"30s\", value: \"beijing\" }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                staticStyle: { \"margin-top\": \"15px\" },\n                attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n              },\n              [\n                false\n                  ? _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"重置分析\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                      )\n                    ])\n                  : _vm._e(),\n                false\n                  ? _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重置\")]\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"warning\",\n                    staticStyle: { \"margin-top\": \"15px\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleContent(\"postion\")\n                      }\n                    }\n                  },\n                  [\n                    _c(\"i\", {\n                      class:\n                        _vm.contentShow.postion == false\n                          ? \"el-icon-arrow-right\"\n                          : \"el-icon-arrow-down\",\n                      staticStyle: {\n                        \"font-weight\": \"600\",\n                        \"font-size\": \"18px\",\n                        \"margin-right\": \"5px\"\n                      }\n                    }),\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"相机位置\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \" 在 WGS84 坐标系中输入相机位置\\n                    \"\n                    )\n                  ]\n                ),\n                _vm.contentShow.postion\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"相机位置：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { size: \"small\", placeholder: \"经度\" },\n                          model: {\n                            value: _vm.sizeForm.longitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"longitude\", $$v)\n                            },\n                            expression: \"sizeForm.longitude\"\n                          }\n                        }),\n                        _c(\"el-input\", {\n                          staticStyle: {\n                            width: \"150px\",\n                            \"margin-left\": \"20px\"\n                          },\n                          attrs: { size: \"small\", placeholder: \"纬度\" },\n                          model: {\n                            value: _vm.sizeForm.latitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"latitude\", $$v)\n                            },\n                            expression: \"sizeForm.latitude\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _vm.contentShow.postion\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handSaveitude()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"coordinate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.coordinate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.coordinate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.coordinateForm,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticClass: \"otherThings\",\n                        attrs: { label: \"UTM区：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: {\n                            \"controls-position\": \"right\",\n                            size: \"small\",\n                            min: 1,\n                            max: 60\n                          },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.coordinateForm.num,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"num\", $$v)\n                            },\n                            expression: \"coordinateForm.num\"\n                          }\n                        }),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"warning\",\n                            staticStyle: { margin: \"0px\" }\n                          },\n                          [\n                            _c(\"i\", {\n                              staticClass: \"el-icon-warning\",\n                              staticStyle: {\n                                color: \"#409eff\",\n                                margin: \"0 3px 0 10px\"\n                              }\n                            }),\n                            _vm._v(\n                              \"地理参照允许测量物理速度和静态图像源的距离。\\n                            \"\n                            )\n                          ]\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"半球：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { size: \"small\", placeholder: \"请选择\" },\n                            model: {\n                              value: _vm.coordinateForm.value,\n                              callback: function($$v) {\n                                _vm.$set(_vm.coordinateForm, \"value\", $$v)\n                              },\n                              expression: \"coordinateForm.value\"\n                            }\n                          },\n                          _vm._l(_vm.options, function(item) {\n                            return _c(\"el-option\", {\n                              key: item.value,\n                              attrs: { label: item.label, value: item.value }\n                            })\n                          }),\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"坐标转换：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value:\n                                _vm.coordinateForm.coordinateTransformation,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.coordinateForm,\n                                  \"coordinateTransformation\",\n                                  $$v\n                                )\n                              },\n                              expression:\n                                \"coordinateForm.coordinateTransformation\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"WGS-84坐标系\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"100%\",\n                          height: \"400px\",\n                          \"margin-bottom\": \"10px\"\n                        }\n                      },\n                      [\n                        _c(\"iframe\", {\n                          staticStyle: { width: \"100%\", height: \"100%\" },\n                          attrs: {\n                            id: \"mapModuleTop\",\n                            src: \"./VideoWeb/index.html\",\n                            frameborder: \"0\"\n                          },\n                          on: { load: _vm.load }\n                        })\n                      ]\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"warning\" },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { color: \"#fffff\" },\n                            attrs: { size: \"mini\", type: \"primary\" },\n                            on: {\n                              click: function($event) {\n                                _vm.dialogVisible = true\n                              }\n                            }\n                          },\n                          [_vm._v(\"新增点\\n                        \")]\n                        ),\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"请至少配置4个点，不满足4个点会没有数据。\\n                    \"\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-table\",\n                      { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                      [\n                        _c(\n                          \"template\",\n                          { slot: \"empty\" },\n                          [\n                            _c(\"el-empty\", {\n                              attrs: {\n                                \"image-size\": 100,\n                                description: \"暂无数据\"\n                              }\n                            })\n                          ],\n                          1\n                        ),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"pointName\",\n                            label: \"点名称\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        maxlength: \"30\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.pointName,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"pointName\", $$v)\n                                        },\n                                        expression: \"scope.row.pointName\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2386407447\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"longitude\",\n                            label: \"经度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.longitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"longitude\", $$v)\n                                        },\n                                        expression: \"scope.row.longitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1223382878\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"latitude\",\n                            label: \"纬度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.latitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"latitude\", $$v)\n                                        },\n                                        expression: \"scope.row.latitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1252814925\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            label: \"操作\",\n                            align: \"center\",\n                            \"class-name\": \"small-padding fixed-width\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        staticStyle: { color: \"#2090c1\" },\n                                        attrs: { size: \"mini\", type: \"text\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleUpdate(scope.row)\n                                          }\n                                        }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"编辑\\n                                \"\n                                        )\n                                      ]\n                                    ),\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        staticStyle: { color: \"#f56c6c\" },\n                                        attrs: { size: \"mini\", type: \"text\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleDeleteDian(\n                                              scope.row\n                                            )\n                                          }\n                                        }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"删除\\n                                \"\n                                        )\n                                      ]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2444983767\n                          )\n                        })\n                      ],\n                      2\n                    ),\n                    _c(\n                      \"div\",\n                      { staticStyle: { \"margin-top\": \"15px\" } },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: {\n                              type: \"primary\",\n                              disabled: _vm.coordinateTableData.length < 4,\n                              size: \"small\"\n                            },\n                            on: {\n                              click: function($event) {\n                                return _vm.handlePos()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(0),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"车道识别配置开关：\",\n                          \"label-width\": \"150px\"\n                        }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.laneform.laneClose,\n                            callback: function($$v) {\n                              _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                            },\n                            expression: \"laneform.laneClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: { label: \"各车道中心线（区域检测器）：\" }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.areaDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                                },\n                                expression: \"laneform.areaDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: {\n                              label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                            }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.sectionDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                                },\n                                expression: \"laneform.sectionDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(1),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.identificationAreaform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"识别区域开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.identificationAreaform\n                                .identificationAreaClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.identificationAreaform,\n                                \"identificationAreaClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"identificationAreaform.identificationAreaClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(2),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.trajectorySmoothingform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"轨迹平滑开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.trajectorySmoothingform\n                                .trajectorySmoothingClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.trajectorySmoothingform,\n                                \"trajectorySmoothingClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"trajectorySmoothingform.trajectorySmoothingClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"250px\" },\n                            attrs: { label: \"预测滤波时间：\" }\n                          },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: {\n                                min: 2000,\n                                max: 3000,\n                                label: \"预测滤波时间\"\n                              },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.trajectorySmoothingform.time,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.trajectorySmoothingform,\n                                    \"time\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"trajectorySmoothingform.time\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"plate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.plate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.plate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.licensePlateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"车牌识别开关：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          attrs: { \"active-value\": \"1\", \"inactive-value\": \"0\" },\n                          on: {\n                            change: function($event) {\n                              return _vm.changeChepai($event)\n                            }\n                          },\n                          model: {\n                            value: _vm.licensePlateform.licensePlateClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.licensePlateform,\n                                \"licensePlateClose\",\n                                $$v\n                              )\n                            },\n                            expression: \"licensePlateform.licensePlateClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"div\",\n                          {\n                            staticStyle: {\n                              width: \"100%\",\n                              height: \"400px\",\n                              \"margin-bottom\": \"10px\"\n                            }\n                          },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"el-table\",\n                          {\n                            attrs: {\n                              border: \"\",\n                              data: _vm.licensePlateTableData\n                            }\n                          },\n                          [\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"sectionPlate\",\n                                label: \"断面号牌\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"30\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.sectionPlate,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"sectionPlate\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.sectionPlate\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.sectionPlate\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                942623791\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"setAssociation\",\n                                label: \"断面设置关联：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.setAssociation,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"setAssociation\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.setAssociation\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.setAssociation\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                95706651\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"thresholdValue\",\n                                label: \"车牌匹配阈值：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.thresholdValue,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"thresholdValue\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.thresholdValue\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.thresholdValue\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                4003674747\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                label: \"操作：\",\n                                align: \"center\",\n                                \"class-name\": \"small-padding fixed-width\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleAdd(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  \"Add\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleUpdate(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Apply\"\n                                                      : \"Edit\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#f56c6c\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleDelete(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Cancel\"\n                                                      : \"Delete\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e()\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                2051407138\n                              )\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { \"margin-top\": \"15px\" } },\n                          [\n                            _vm.licensePlateform.licensePlateClose == true\n                              ? _c(\n                                  \"el-button\",\n                                  {\n                                    staticStyle: { width: \"150px\" },\n                                    attrs: { type: \"primary\", size: \"small\" },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.handleagain()\n                                      }\n                                    }\n                                  },\n                                  [_vm._v(\"保存\")]\n                                )\n                              : _vm._e()\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"parking\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.parking == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.parking\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.stopStateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"位移：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"位移\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.displacement,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                            },\n                            expression: \"stopStateform.displacement\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"速度：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"速度\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.speed,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                            },\n                            expression: \"stopStateform.speed\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"加速度：\" } },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.stopStateform.acceleration,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.stopStateform,\n                                    \"acceleration\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"stopStateform.acceleration\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.contentShow.parking\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleParking()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(3),\n                _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      model: _vm.communicationform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"更新频率：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"200px\" },\n                          model: {\n                            value: _vm.communicationform.renewalFrequency,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.communicationform,\n                                \"renewalFrequency\",\n                                $$v\n                              )\n                            },\n                            expression: \"communicationform.renewalFrequency\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { display: \"flex\" },\n                        attrs: { label: \"类型：\" }\n                      },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.communicationform.type,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"type\", $$v)\n                              },\n                              expression: \"communicationform.type\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"快速-用于高带宽连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"平衡-适用于大多数连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"慢速-用于低带宽连接\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求轻型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求重型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"FPS分配器：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"框架决议：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"框架决议\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"自动\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩格式：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"压缩格式\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"JPG\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩率：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: { width: \"200px\" },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"新增点\",\n            visible: _vm.dialogVisible,\n            width: \"30%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"addform\",\n              attrs: {\n                rules: _vm.formRules,\n                model: _vm.addDianForm,\n                \"label-position\": \"left\",\n                \"label-width\": \"85px\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"点名称：\", prop: \"pointName\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: \"请输入点名称\" },\n                        model: {\n                          value: _vm.addDianForm.pointName,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"pointName\", $$v)\n                          },\n                          expression: \"addDianForm.pointName\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"经度：\", prop: \"longitude\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入经度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.longitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"longitude\", $$v)\n                          },\n                          expression: \"addDianForm.longitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"纬度：\", prop: \"latitude\" } },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入纬度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.latitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"latitude\", $$v)\n                          },\n                          expression: \"addDianForm.latitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"span\",\n            {\n              staticClass: \"dialog-footer\",\n              attrs: { slot: \"footer\" },\n              slot: \"footer\"\n            },\n            [\n              _c(\n                \"el-button\",\n                {\n                  on: {\n                    click: function($event) {\n                      _vm.dialogVisible = false\n                    }\n                  }\n                },\n                [_vm._v(\"取 消\")]\n              ),\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleDian(\"addform\")\n                    }\n                  }\n                },\n                [_vm._v(\"确 定\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673601263627},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"analysis\" },\n    [\n      _c(\"div\", { staticClass: \"top\", staticStyle: { \"margin-top\": \"10px\" } }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            false\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.formInline,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"自动保存\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\\n                    \"\n                      )\n                    ]),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"自动保存：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.formInline.user,\n                            callback: function($$v) {\n                              _vm.$set(_vm.formInline, \"user\", $$v)\n                            },\n                            expression: \"formInline.user\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"时间间隔：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { placeholder: \"时间间隔\" },\n                            model: {\n                              value: _vm.formInline.region,\n                              callback: function($$v) {\n                                _vm.$set(_vm.formInline, \"region\", $$v)\n                              },\n                              expression: \"formInline.region\"\n                            }\n                          },\n                          [\n                            _c(\"el-option\", {\n                              attrs: { label: \"20s\", value: \"shanghai\" }\n                            }),\n                            _c(\"el-option\", {\n                              attrs: { label: \"30s\", value: \"beijing\" }\n                            })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _c(\n              \"el-form\",\n              {\n                ref: \"form\",\n                staticStyle: { \"margin-top\": \"15px\" },\n                attrs: { model: _vm.sizeForm, \"label-width\": \"fit-content\" }\n              },\n              [\n                false\n                  ? _c(\"div\", { staticClass: \"warning\" }, [\n                      _c(\"p\", { staticClass: \"board-title\" }, [\n                        _vm._v(\"重置分析\")\n                      ]),\n                      _c(\"i\", {\n                        staticClass: \"el-icon-warning\",\n                        staticStyle: {\n                          color: \"#409eff\",\n                          margin: \"0 3px 0 10px\"\n                        }\n                      }),\n                      _vm._v(\n                        \"重置分析将删除所有累计的轨迹数据\\n                    \"\n                      )\n                    ])\n                  : _vm._e(),\n                false\n                  ? _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"重置\")]\n                    )\n                  : _vm._e(),\n                _c(\n                  \"div\",\n                  {\n                    staticClass: \"warning\",\n                    staticStyle: { \"margin-top\": \"15px\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.handleContent(\"postion\")\n                      }\n                    }\n                  },\n                  [\n                    _c(\"i\", {\n                      class:\n                        _vm.contentShow.postion == false\n                          ? \"el-icon-arrow-right\"\n                          : \"el-icon-arrow-down\",\n                      staticStyle: {\n                        \"font-weight\": \"600\",\n                        \"font-size\": \"18px\",\n                        \"margin-right\": \"5px\"\n                      }\n                    }),\n                    _c(\"p\", { staticClass: \"board-title\" }, [\n                      _vm._v(\"相机位置\")\n                    ]),\n                    _c(\"i\", {\n                      staticClass: \"el-icon-warning\",\n                      staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                    }),\n                    _vm._v(\n                      \" 在 WGS84 坐标系中输入相机位置\\n                    \"\n                    )\n                  ]\n                ),\n                _vm.contentShow.postion\n                  ? _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"相机位置：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"150px\" },\n                          attrs: { size: \"small\", placeholder: \"经度\" },\n                          model: {\n                            value: _vm.sizeForm.longitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"longitude\", $$v)\n                            },\n                            expression: \"sizeForm.longitude\"\n                          }\n                        }),\n                        _c(\"el-input\", {\n                          staticStyle: {\n                            width: \"150px\",\n                            \"margin-left\": \"20px\"\n                          },\n                          attrs: { size: \"small\", placeholder: \"纬度\" },\n                          model: {\n                            value: _vm.sizeForm.latitude,\n                            callback: function($$v) {\n                              _vm.$set(_vm.sizeForm, \"latitude\", $$v)\n                            },\n                            expression: \"sizeForm.latitude\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _vm.contentShow.postion\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handSaveitude()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"coordinate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.coordinate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"坐标转换\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.coordinate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.coordinateForm,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticClass: \"otherThings\",\n                        attrs: { label: \"UTM区：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: {\n                            \"controls-position\": \"right\",\n                            precision: 0,\n                            size: \"small\",\n                            min: 1,\n                            max: 60\n                          },\n                          model: {\n                            value: _vm.coordinateForm.num,\n                            callback: function($$v) {\n                              _vm.$set(_vm.coordinateForm, \"num\", $$v)\n                            },\n                            expression: \"coordinateForm.num\"\n                          }\n                        }),\n                        _c(\n                          \"div\",\n                          {\n                            staticClass: \"warning\",\n                            staticStyle: { margin: \"0px\" }\n                          },\n                          [\n                            _c(\"i\", {\n                              staticClass: \"el-icon-warning\",\n                              staticStyle: {\n                                color: \"#409eff\",\n                                margin: \"0 3px 0 10px\"\n                              }\n                            }),\n                            _vm._v(\n                              \"地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\\n                            \"\n                            )\n                          ]\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"半球：\" } },\n                      [\n                        _c(\n                          \"el-select\",\n                          {\n                            attrs: { size: \"small\", placeholder: \"请选择\" },\n                            model: {\n                              value: _vm.coordinateForm.value,\n                              callback: function($$v) {\n                                _vm.$set(_vm.coordinateForm, \"value\", $$v)\n                              },\n                              expression: \"coordinateForm.value\"\n                            }\n                          },\n                          _vm._l(_vm.options, function(item) {\n                            return _c(\"el-option\", {\n                              key: item.value,\n                              attrs: { label: item.label, value: item.value }\n                            })\n                          }),\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"坐标转换：\" } },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value:\n                                _vm.coordinateForm.coordinateTransformation,\n                              callback: function($$v) {\n                                _vm.$set(\n                                  _vm.coordinateForm,\n                                  \"coordinateTransformation\",\n                                  $$v\n                                )\n                              },\n                              expression:\n                                \"coordinateForm.coordinateTransformation\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"WGS-84坐标系\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"其他\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"100%\",\n                          height: \"702px\",\n                          \"margin-bottom\": \"10px\"\n                        }\n                      },\n                      [\n                        _c(\"iframe\", {\n                          ref: \"analysisWeb\",\n                          staticStyle: { width: \"100%\", height: \"100%\" },\n                          attrs: {\n                            src: \"./analysisWeb/index.html\",\n                            frameborder: \"0\"\n                          }\n                        })\n                      ]\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"warning\" },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { color: \"#fffff\" },\n                            attrs: { size: \"mini\", type: \"primary\" },\n                            on: {\n                              click: function($event) {\n                                _vm.dialogVisible = true\n                              }\n                            }\n                          },\n                          [_vm._v(\"新增点\\n                        \")]\n                        ),\n                        _c(\"i\", {\n                          staticClass: \"el-icon-warning\",\n                          staticStyle: {\n                            color: \"#409eff\",\n                            margin: \"0 3px 0 10px\"\n                          }\n                        }),\n                        _vm._v(\n                          \"请至少配置4个点，不满足4个点会没有数据。\\n                    \"\n                        )\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-table\",\n                      { attrs: { border: \"\", data: _vm.coordinateTableData } },\n                      [\n                        _c(\n                          \"template\",\n                          { slot: \"empty\" },\n                          [\n                            _c(\"el-empty\", {\n                              attrs: {\n                                \"image-size\": 100,\n                                description: \"暂无数据\"\n                              }\n                            })\n                          ],\n                          1\n                        ),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"pointName\",\n                            label: \"点名称\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        disabled:\n                                          scope.row.btnShow == \"1\"\n                                            ? true\n                                            : false,\n                                        maxlength: \"30\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.pointName,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"pointName\", $$v)\n                                        },\n                                        expression: \"scope.row.pointName\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            1287560117\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"longitude\",\n                            label: \"经度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        disabled:\n                                          scope.row.btnShow == \"1\"\n                                            ? true\n                                            : false,\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.longitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"longitude\", $$v)\n                                        },\n                                        expression: \"scope.row.longitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            2855063516\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            prop: \"latitude\",\n                            label: \"纬度\",\n                            align: \"center\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    _c(\"el-input\", {\n                                      attrs: {\n                                        disabled:\n                                          scope.row.btnShow == \"1\"\n                                            ? true\n                                            : false,\n                                        maxlength: \"20\",\n                                        placeholder: \"请输入\"\n                                      },\n                                      model: {\n                                        value: scope.row.latitude,\n                                        callback: function($$v) {\n                                          _vm.$set(scope.row, \"latitude\", $$v)\n                                        },\n                                        expression: \"scope.row.latitude\"\n                                      }\n                                    })\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            4154330543\n                          )\n                        }),\n                        _c(\"el-table-column\", {\n                          attrs: {\n                            label: \"操作\",\n                            align: \"center\",\n                            \"class-name\": \"small-padding fixed-width\"\n                          },\n                          scopedSlots: _vm._u(\n                            [\n                              {\n                                key: \"default\",\n                                fn: function(scope) {\n                                  return [\n                                    (scope.row.btnShow == \"1\"\n                                    ? true\n                                    : false)\n                                      ? _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleExit(\n                                                  scope.row,\n                                                  scope.$index\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              \"编辑\\n                                \"\n                                            )\n                                          ]\n                                        )\n                                      : _c(\n                                          \"el-button\",\n                                          {\n                                            staticStyle: { color: \"#2090c1\" },\n                                            attrs: {\n                                              size: \"mini\",\n                                              type: \"text\"\n                                            },\n                                            on: {\n                                              click: function($event) {\n                                                return _vm.handleconfirm(\n                                                  scope.row,\n                                                  scope.$index\n                                                )\n                                              }\n                                            }\n                                          },\n                                          [\n                                            _vm._v(\n                                              \"确认编辑\\n                                \"\n                                            )\n                                          ]\n                                        ),\n                                    _c(\n                                      \"el-button\",\n                                      {\n                                        staticStyle: { color: \"#f56c6c\" },\n                                        attrs: { size: \"mini\", type: \"text\" },\n                                        on: {\n                                          click: function($event) {\n                                            return _vm.handleDeleteDian(\n                                              scope.row\n                                            )\n                                          }\n                                        }\n                                      },\n                                      [\n                                        _vm._v(\n                                          \"删除\\n                                \"\n                                        )\n                                      ]\n                                    )\n                                  ]\n                                }\n                              }\n                            ],\n                            null,\n                            false,\n                            337464026\n                          )\n                        })\n                      ],\n                      2\n                    ),\n                    _c(\n                      \"div\",\n                      { staticStyle: { \"margin-top\": \"15px\" } },\n                      [\n                        _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: {\n                              type: \"primary\",\n                              disabled: _vm.coordinateTableData.length < 4,\n                              size: \"small\"\n                            },\n                            on: {\n                              click: function($event) {\n                                return _vm.handlePos()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(0),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: { model: _vm.laneform, \"label-width\": \"350px\" }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"车道识别配置开关：\",\n                          \"label-width\": \"150px\"\n                        }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value: _vm.laneform.laneClose,\n                            callback: function($$v) {\n                              _vm.$set(_vm.laneform, \"laneClose\", $$v)\n                            },\n                            expression: \"laneform.laneClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: { label: \"各车道中心线（区域检测器）：\" }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.areaDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"areaDetector\", $$v)\n                                },\n                                expression: \"laneform.areaDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"300px\" },\n                            attrs: {\n                              label: \"自动识别各车道中心点坐标（断面检测器）：\"\n                            }\n                          },\n                          [\n                            _c(\"el-switch\", {\n                              model: {\n                                value: _vm.laneform.sectionDetector,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.laneform, \"sectionDetector\", $$v)\n                                },\n                                expression: \"laneform.sectionDetector\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.laneform.laneClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(1),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.identificationAreaform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"识别区域开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.identificationAreaform\n                                .identificationAreaClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.identificationAreaform,\n                                \"identificationAreaClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"identificationAreaform.identificationAreaClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { width: \"100%\", height: \"400px\" } },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    _vm.identificationAreaform.identificationAreaClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(2),\n                _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.trajectorySmoothingform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { width: \"250px\" },\n                        attrs: { label: \"轨迹平滑开关：\" }\n                      },\n                      [\n                        _c(\"el-switch\", {\n                          model: {\n                            value:\n                              _vm.trajectorySmoothingform\n                                .trajectorySmoothingClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.trajectorySmoothingform,\n                                \"trajectorySmoothingClose\",\n                                $$v\n                              )\n                            },\n                            expression:\n                              \"trajectorySmoothingform.trajectorySmoothingClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-form-item\",\n                          {\n                            staticStyle: { width: \"250px\" },\n                            attrs: { label: \"预测滤波时间：\" }\n                          },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: {\n                                min: 2000,\n                                max: 3000,\n                                label: \"预测滤波时间\"\n                              },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.trajectorySmoothingform.time,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.trajectorySmoothingform,\n                                    \"time\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"trajectorySmoothingform.time\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.trajectorySmoothingform.trajectorySmoothingClose == true\n                      ? _c(\n                          \"el-button\",\n                          {\n                            staticStyle: { width: \"150px\" },\n                            attrs: { type: \"primary\", size: \"small\" },\n                            on: {\n                              click: function($event) {\n                                return _vm.handleagain()\n                              }\n                            }\n                          },\n                          [_vm._v(\"保存\")]\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"plate\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.plate == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车牌识别\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.plate\n              ? _c(\n                  \"el-form\",\n                  {\n                    ref: \"form\",\n                    attrs: {\n                      model: _vm.licensePlateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"车牌识别开关：\" } },\n                      [\n                        _c(\"el-switch\", {\n                          attrs: { \"active-value\": \"1\", \"inactive-value\": \"0\" },\n                          on: {\n                            change: function($event) {\n                              return _vm.changeChepai($event)\n                            }\n                          },\n                          model: {\n                            value: _vm.licensePlateform.licensePlateClose,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.licensePlateform,\n                                \"licensePlateClose\",\n                                $$v\n                              )\n                            },\n                            expression: \"licensePlateform.licensePlateClose\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"div\",\n                          {\n                            staticStyle: {\n                              width: \"100%\",\n                              height: \"400px\",\n                              \"margin-bottom\": \"10px\"\n                            }\n                          },\n                          [\n                            _c(\"iframe\", {\n                              staticStyle: { width: \"100%\", height: \"100%\" },\n                              attrs: {\n                                id: \"mapModule\",\n                                src: \"./VideoWeb/index.html\",\n                                frameborder: \"0\"\n                              }\n                            })\n                          ]\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"el-table\",\n                          {\n                            attrs: {\n                              border: \"\",\n                              data: _vm.licensePlateTableData\n                            }\n                          },\n                          [\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"sectionPlate\",\n                                label: \"断面号牌\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"30\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.sectionPlate,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"sectionPlate\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.sectionPlate\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.sectionPlate\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                942623791\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"setAssociation\",\n                                label: \"断面设置关联：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.setAssociation,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"setAssociation\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.setAssociation\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.setAssociation\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                95706651\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                prop: \"thresholdValue\",\n                                label: \"车牌匹配阈值：\",\n                                align: \"center\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.row.isEdit\n                                          ? _c(\"el-input\", {\n                                              attrs: {\n                                                maxlength: \"20\",\n                                                placeholder: \"Required\"\n                                              },\n                                              model: {\n                                                value: scope.row.thresholdValue,\n                                                callback: function($$v) {\n                                                  _vm.$set(\n                                                    scope.row,\n                                                    \"thresholdValue\",\n                                                    $$v\n                                                  )\n                                                },\n                                                expression:\n                                                  \"scope.row.thresholdValue\"\n                                              }\n                                            })\n                                          : _c(\"span\", {\n                                              domProps: {\n                                                textContent: _vm._s(\n                                                  scope.row.thresholdValue\n                                                )\n                                              }\n                                            })\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                4003674747\n                              )\n                            }),\n                            _c(\"el-table-column\", {\n                              attrs: {\n                                label: \"操作：\",\n                                align: \"center\",\n                                \"class-name\": \"small-padding fixed-width\"\n                              },\n                              scopedSlots: _vm._u(\n                                [\n                                  {\n                                    key: \"default\",\n                                    fn: function(scope) {\n                                      return [\n                                        scope.$index === 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleAdd(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  \"Add\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#2090c1\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleUpdate(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Apply\"\n                                                      : \"Edit\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e(),\n                                        scope.$index !== 0\n                                          ? _c(\n                                              \"el-button\",\n                                              {\n                                                staticStyle: {\n                                                  color: \"#f56c6c\"\n                                                },\n                                                attrs: {\n                                                  size: \"mini\",\n                                                  type: \"text\"\n                                                },\n                                                on: {\n                                                  click: function($event) {\n                                                    return _vm.handleDelete(\n                                                      scope.row\n                                                    )\n                                                  }\n                                                }\n                                              },\n                                              [\n                                                _vm._v(\n                                                  _vm._s(\n                                                    scope.row.isEdit\n                                                      ? \"Cancel\"\n                                                      : \"Delete\"\n                                                  ) +\n                                                    \"\\n                                \"\n                                                )\n                                              ]\n                                            )\n                                          : _vm._e()\n                                      ]\n                                    }\n                                  }\n                                ],\n                                null,\n                                false,\n                                2051407138\n                              )\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    false\n                      ? _c(\n                          \"div\",\n                          { staticStyle: { \"margin-top\": \"15px\" } },\n                          [\n                            _vm.licensePlateform.licensePlateClose == true\n                              ? _c(\n                                  \"el-button\",\n                                  {\n                                    staticStyle: { width: \"150px\" },\n                                    attrs: { type: \"primary\", size: \"small\" },\n                                    on: {\n                                      click: function($event) {\n                                        return _vm.handleagain()\n                                      }\n                                    }\n                                  },\n                                  [_vm._v(\"保存\")]\n                                )\n                              : _vm._e()\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"div\", { staticClass: \"dataBoard\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"section\" },\n          [\n            _c(\n              \"div\",\n              {\n                staticClass: \"warning\",\n                on: {\n                  click: function($event) {\n                    return _vm.handleContent(\"parking\")\n                  }\n                }\n              },\n              [\n                _c(\"i\", {\n                  class:\n                    _vm.contentShow.parking == false\n                      ? \"el-icon-arrow-right\"\n                      : \"el-icon-arrow-down\",\n                  staticStyle: {\n                    \"font-weight\": \"600\",\n                    \"font-size\": \"18px\",\n                    \"margin-right\": \"5px\"\n                  }\n                }),\n                _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"停车状态\")]),\n                _c(\"i\", {\n                  staticClass: \"el-icon-warning\",\n                  staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n                }),\n                _vm._v(\n                  \"位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\\n                \"\n                )\n              ]\n            ),\n            _vm.contentShow.parking\n              ? _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      inline: true,\n                      model: _vm.stopStateform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"位移：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"位移\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.displacement,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"displacement\", $$v)\n                            },\n                            expression: \"stopStateform.displacement\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { \"margin-right\": \"10px\" },\n                        attrs: { label: \"速度：\" }\n                      },\n                      [\n                        _c(\"el-input-number\", {\n                          attrs: { min: 0, max: 3000, label: \"速度\" },\n                          on: { change: _vm.handleChange },\n                          model: {\n                            value: _vm.stopStateform.speed,\n                            callback: function($$v) {\n                              _vm.$set(_vm.stopStateform, \"speed\", $$v)\n                            },\n                            expression: \"stopStateform.speed\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    false\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"加速度：\" } },\n                          [\n                            _c(\"el-input-number\", {\n                              attrs: { min: 2000, max: 3000, label: \"加速度\" },\n                              on: { change: _vm.handleChange },\n                              model: {\n                                value: _vm.stopStateform.acceleration,\n                                callback: function($$v) {\n                                  _vm.$set(\n                                    _vm.stopStateform,\n                                    \"acceleration\",\n                                    $$v\n                                  )\n                                },\n                                expression: \"stopStateform.acceleration\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e(),\n            _vm.contentShow.parking\n              ? _c(\n                  \"div\",\n                  { staticStyle: { \"margin-top\": \"15px\" } },\n                  [\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleParking()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      false\n        ? _c(\"div\", { staticClass: \"dataBoard\" }, [\n            _c(\n              \"div\",\n              { staticClass: \"section\" },\n              [\n                _vm._m(3),\n                _c(\n                  \"el-form\",\n                  {\n                    staticClass: \"demo-form-inline\",\n                    attrs: {\n                      model: _vm.communicationform,\n                      \"label-width\": \"fit-content\"\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-form-item\",\n                      { attrs: { label: \"更新频率：\" } },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"200px\" },\n                          model: {\n                            value: _vm.communicationform.renewalFrequency,\n                            callback: function($$v) {\n                              _vm.$set(\n                                _vm.communicationform,\n                                \"renewalFrequency\",\n                                $$v\n                              )\n                            },\n                            expression: \"communicationform.renewalFrequency\"\n                          }\n                        })\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"el-form-item\",\n                      {\n                        staticStyle: { display: \"flex\" },\n                        attrs: { label: \"类型：\" }\n                      },\n                      [\n                        _c(\n                          \"el-radio-group\",\n                          {\n                            model: {\n                              value: _vm.communicationform.type,\n                              callback: function($$v) {\n                                _vm.$set(_vm.communicationform, \"type\", $$v)\n                              },\n                              expression: \"communicationform.type\"\n                            }\n                          },\n                          [\n                            _c(\"el-radio\", {\n                              attrs: { label: \"快速-用于高带宽连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"平衡-适用于大多数连接\" }\n                            }),\n                            _c(\"el-radio\", {\n                              attrs: { label: \"慢速-用于低带宽连接\" }\n                            }),\n                            _c(\"el-radio\", { attrs: { label: \"自定义\" } })\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求轻型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"请求重型有效载荷：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            }),\n                            _vm._v(\"ms\\n                    \")\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"FPS分配器：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: {\n                                width: \"200px\",\n                                \"margin-bottom\": \"20px\"\n                              },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"框架决议：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"框架决议\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"自动\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩格式：\" } },\n                          [\n                            _c(\n                              \"el-select\",\n                              {\n                                staticStyle: { \"margin-bottom\": \"20px\" },\n                                attrs: { placeholder: \"压缩格式\" },\n                                model: {\n                                  value: _vm.communicationform.region,\n                                  callback: function($$v) {\n                                    _vm.$set(\n                                      _vm.communicationform,\n                                      \"region\",\n                                      $$v\n                                    )\n                                  },\n                                  expression: \"communicationform.region\"\n                                }\n                              },\n                              [\n                                _c(\"el-option\", {\n                                  attrs: { label: \"JPG\", value: \"shanghai\" }\n                                }),\n                                _c(\"el-option\", {\n                                  attrs: { label: \"区域二\", value: \"beijing\" }\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _vm.communicationform.type == \"自定义\"\n                      ? _c(\n                          \"el-form-item\",\n                          { attrs: { label: \"压缩率：\" } },\n                          [\n                            _c(\"el-input\", {\n                              staticStyle: { width: \"200px\" },\n                              model: {\n                                value: _vm.communicationform.name,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.communicationform, \"name\", $$v)\n                                },\n                                expression: \"communicationform.name\"\n                              }\n                            })\n                          ],\n                          1\n                        )\n                      : _vm._e(),\n                    _c(\n                      \"el-button\",\n                      {\n                        staticStyle: { width: \"150px\" },\n                        attrs: { type: \"primary\", size: \"small\" },\n                        on: {\n                          click: function($event) {\n                            return _vm.handleagain()\n                          }\n                        }\n                      },\n                      [_vm._v(\"保存\")]\n                    )\n                  ],\n                  1\n                )\n              ],\n              1\n            )\n          ])\n        : _vm._e(),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: \"新增点\",\n            visible: _vm.dialogVisible,\n            width: \"30%\",\n            \"before-close\": _vm.handleClose\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"addform\",\n              attrs: {\n                rules: _vm.formRules,\n                model: _vm.addDianForm,\n                \"label-position\": \"left\",\n                \"label-width\": \"85px\"\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"点名称：\", prop: \"pointName\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: { placeholder: \"请输入点名称\" },\n                        model: {\n                          value: _vm.addDianForm.pointName,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"pointName\", $$v)\n                          },\n                          expression: \"addDianForm.pointName\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                {\n                  staticStyle: { \"margin-bottom\": \"15px\" },\n                  attrs: { label: \"经度：\", prop: \"longitude\" }\n                },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入经度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.longitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"longitude\", $$v)\n                          },\n                          expression: \"addDianForm.longitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"纬度：\", prop: \"latitude\" } },\n                [\n                  _c(\n                    \"el-col\",\n                    { attrs: { span: 16 } },\n                    [\n                      _c(\"el-input\", {\n                        attrs: {\n                          oninput: \"value=value.replace(/[^0-9.]/g,'')\",\n                          placeholder: \"请输入纬度\"\n                        },\n                        model: {\n                          value: _vm.addDianForm.latitude,\n                          callback: function($$v) {\n                            _vm.$set(_vm.addDianForm, \"latitude\", $$v)\n                          },\n                          expression: \"addDianForm.latitude\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          ),\n          _c(\n            \"span\",\n            {\n              staticClass: \"dialog-footer\",\n              attrs: { slot: \"footer\" },\n              slot: \"footer\"\n            },\n            [\n              _c(\n                \"el-button\",\n                {\n                  on: {\n                    click: function($event) {\n                      _vm.dialogVisible = false\n                    }\n                  }\n                },\n                [_vm._v(\"取 消\")]\n              ),\n              _c(\n                \"el-button\",\n                {\n                  attrs: { type: \"primary\" },\n                  on: {\n                    click: function($event) {\n                      return _vm.handleDian(\"addform\")\n                    }\n                  }\n                },\n                [_vm._v(\"确 定\")]\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"车道识别配置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"在视频/动图上设置进口出口道\\n                \")\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"识别区域\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"轨迹平滑\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\n        \"为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\\n                \"\n      )\n    ])\n  },\n  function() {\n    var _vm = this\n    var _h = _vm.$createElement\n    var _c = _vm._self._c || _h\n    return _c(\"div\", { staticClass: \"warning\" }, [\n      _c(\"p\", { staticClass: \"board-title\" }, [_vm._v(\"通信设置\")]),\n      _c(\"i\", {\n        staticClass: \"el-icon-warning\",\n        staticStyle: { color: \"#409eff\", margin: \"0 3px 0 10px\" }\n      }),\n      _vm._v(\"更新频率可以根据链路带宽进行设置。\\n                \")\n    ])\n  }\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7cecbcccd53d31cc0cc3080825a08a6a.json b/node_modules/.cache/vue-loader/7cecbcccd53d31cc0cc3080825a08a6a.json
index 844577fe..928bc0c1 100644
--- a/node_modules/.cache/vue-loader/7cecbcccd53d31cc0cc3080825a08a6a.json
+++ b/node_modules/.cache/vue-loader/7cecbcccd53d31cc0cc3080825a08a6a.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673601263628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=a83bd3b0&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a83bd3b0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('a83bd3b0')) {\n      api.createRecord('a83bd3b0', component.options)\n    } else {\n      api.reload('a83bd3b0', component.options)\n    }\n    module.hot.accept(\"./index.vue?vue&type=template&id=a83bd3b0&scoped=true&\", function () {\n      api.rerender('a83bd3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/index.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/7e6ef74193d634ab826912dbc395cac0.json b/node_modules/.cache/vue-loader/7e6ef74193d634ab826912dbc395cac0.json
index 067a8552..95c8005d 100644
--- a/node_modules/.cache/vue-loader/7e6ef74193d634ab826912dbc395cac0.json
+++ b/node_modules/.cache/vue-loader/7e6ef74193d634ab826912dbc395cac0.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673601263627},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\"\nimport script from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nexport * from \"./analysisConfiguration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"fd3d0d46\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('fd3d0d46')) {\n      api.createRecord('fd3d0d46', component.options)\n    } else {\n      api.reload('fd3d0d46', component.options)\n    }\n    module.hot.accept(\"./analysisConfiguration.vue?vue&type=template&id=fd3d0d46&scoped=true&\", function () {\n      api.rerender('fd3d0d46', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/bounced/analysisConfiguration.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/8613f9f53c1ec5877ba1fad8eb8acf7e.json b/node_modules/.cache/vue-loader/8613f9f53c1ec5877ba1fad8eb8acf7e.json
new file mode 100644
index 00000000..dcab16f8
--- /dev/null
+++ b/node_modules/.cache/vue-loader/8613f9f53c1ec5877ba1fad8eb8acf7e.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673601263628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:'',\r\n        \r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:'',\r\n      analysisConfigurationdata:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n   window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n  client.end();\r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              if(msg.rate=='high'){\r\n                 document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n              }else{\r\n                \r\n                this.analysisConfigurationdata = msg\r\n              }\r\n                // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(this.componentId+','+componentForm.componentName)\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n",{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+MA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n  <div class=\"content-box\">\r\n\r\n    <!-- <div class=\"container\"> -->\r\n    <div >\r\n      <el-tabs type=\"border-card\"  v-model=\"activeName\">\r\n        <el-tab-pane label=\"xx路口\" name=\"first\" >\r\n            <div class=\"mapModuleApp\">\r\n                     <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height:100%;\" scrolling='no'></iframe>\r\n                      <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                </div>\r\n                 <!-- <div style=\"width:20%;height:100%;display:inline-block;border:1px soild #eee;padding:15px;\">\r\n\r\n            <el-button type=\"primary\" @click=\"dialogFormVisible = true\">断面组件</el-button>\r\n            <el-button type=\"primary\" @click=\"areaComponent = true\">区域组件</el-button>\r\n            <el-button type=\"primary\" @click=\"trajectory=true\">轨迹组件</el-button>\r\n            <el-button type=\"primary\" @click=\"speed = true\">速度组件</el-button>\r\n            <el-button type=\"primary\" @click=\"flow = true\">流量组件</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">车头时距</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">排队数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">检测数</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">延误</el-button>\r\n            <el-button type=\"primary\" @click=\"indexModule = true\">拥堵</el-button>\r\n\r\n          </div> -->\r\n     \r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"数据看板\" name=\"second\">\r\n          <dataBoard :activeName=\"activeName\"></dataBoard>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析配置\" name=\"third\">\r\n          <analysisConfiguration :analysisConfigurationdata=\"analysisConfigurationdata\"></analysisConfiguration>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"分析状态\" name=\"fourth\">\r\n          <editModal ></editModal>\r\n        </el-tab-pane>\r\n        <el-tab-pane label=\"存储\" name=\"five\">存储</el-tab-pane>\r\n      </el-tabs>\r\n      <!-- <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl' width=\"100%\" height=\"100%\"/>\r\n  </div>  \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl1' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl2' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl3' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl4' width=\"100%\" height=\"100%\"/>\r\n  </div> \r\n  <div style=\"width:30%;height:300px;display:inline-block\">\r\n    <img :src='imgUrl5' width=\"100%\" height=\"100%\"/>\r\n  </div>  -->\r\n\r\n    </div>\r\n    <!-- <div id=\"dialog\" style=\"height:500px\"> -->\r\n      <!-- <el-dialog  class=\"new-dialog\" :title=\"title+'组件'\" :modal=\"false\" :close-on-click-modal=\"false\" :visible.sync=\"dialogFormVisible\" v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" @close='closeForm(form)'>\r\n            <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        \r\n      </el-dialog> -->\r\n      <el-drawer\r\n      class=\"new-dialog\"\r\n  :visible.sync=\"dialogFormVisible\"\r\n  direction=\"btt\"\r\n  custom-class=\"demo-drawer\"\r\n  ref=\"drawer\"\r\n  :modal=\"false\" \r\n :close-on-click-modal=\"false\"\r\n  v-alterELDialogMarginTop=\"{marginTop:'0vh'}\" customClass='customWidth' width=\"100%\" \r\n  :wrapperClosable=\"false\" \r\n  :with-header=\"false\"\r\n  >\r\n      <div class=\"formBox\">\r\n        <el-form ref=\"form\" :model=\"form\" label-width=\"80px\" :inline=\"true\">\r\n          <el-form-item label=\"组件名称\">\r\n            <el-input v-model=\"form.name\"></el-input>\r\n          </el-form-item>\r\n          <el-form-item label=\"断面方向\" v-if=\"form.type=='断面'\">\r\n            <el-select v-model=\"form.Direction\" placeholder=\"请选择类型\">\r\n              <el-option label=\"正向\" value=\"正向\"></el-option>\r\n              <el-option label=\"反向\" value=\"反向\"></el-option>\r\n              <el-option label=\"双向\" value=\"双向\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n            <!-- <el-form-item label=\"速度阈值\" v-if=\"form.type=='区域'\">\r\n            <el-input-number v-model=\"form.StoppingSpeed\" :precision=\"1\" :step=\"0.1\"></el-input-number>\r\n          </el-form-item> -->\r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmit(form)\">确认</el-button>\r\n            <el-button  @click=\"closeFigure(form)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n        </div> \r\n     \r\n       \r\n</el-drawer>\r\n      <!-- 组件弹框 -->\r\n        <el-dialog :title=\"componentTitle+'指标组件'\" width=\"40%\" :visible.sync=\"component\">\r\n        <el-form ref=\"form\" :model=\"componentForm\" label-width=\"150px\" @close='closeComponentForm()'>\r\n          <el-form-item label=\"名称：\">\r\n            <el-input v-model=\"componentForm.componentName\"></el-input>\r\n          </el-form-item>\r\n          \r\n           <el-form-item label=\"类型筛选：\" v-if=\"componentForm.componentType=='类型'\">\r\n            <el-checkbox-group v-model=\"componentForm.typeFiltering\" >\r\n              <el-checkbox v-for=\"item in typeData\" :label=\"item\" :key=\"item\" >{{item}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"数值筛选：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-input-number v-model=\"componentForm.startValue\"></el-input-number>\r\n            <el-input-number v-model=\"componentForm.endValue\" style=\"margin-left:5%\"></el-input-number>\r\n          </el-form-item>\r\n          <el-form-item label=\"时间模式：\">\r\n            <el-select v-model=\"componentForm.timeMode\" placeholder=\"请选择时间模式\">\r\n              <el-option label=\"触发\" value=\"touch\"></el-option>\r\n              <el-option label=\"周期时刻\" value=\"timeing\"  v-if=\"componentForm.componentType!='排队数'&&componentForm.componentType!='检测数'&&componentForm.componentType!='延误'&&componentForm.componentType!='拥堵'\"></el-option>\r\n              <el-option label=\"周期统计\" value=\"date\" v-if=\"componentForm.componentType!='OD'\"></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n          <!-- <el-form-item label=\"触发类型：\" v-if=\"componentForm.timeModel=='touch'\">\r\n          <el-radio-group v-model=\"componentForm.touchType\" >\r\n            <el-radio label=\"实时（触发）\"></el-radio>\r\n            <el-radio label=\"间隔\"></el-radio>\r\n          </el-radio-group>\r\n        </el-form-item> -->\r\n        <el-form-item label=\"周期间隔：\">\r\n          <!-- <el-slider v-model=\"componentForm.cycleInterval\" show-input>\r\n            </el-slider> -->\r\n            <el-slider v-model=\"componentForm.cycleInterval\">\r\n            </el-slider>\r\n             <el-select v-model=\"componentForm.company\" placeholder=\"请选择单位\">\r\n              <!-- <el-option label=\"秒\" value=\"ss\"></el-option>\r\n              <el-option label=\"分钟\" value=\"mm\"></el-option>\r\n              <el-option label=\"小时\" value=\"hh\"></el-option>\r\n              <el-option label=\"天\" value=\"dd\"></el-option> -->\r\n              <el-option\r\n\t\t\t   v-for=\"item in timeSelect\"\r\n\t\t\t   :key=\"item.value\"\r\n\t\t\t   :label=\"item.label\"\r\n\t\t\t   :value=\"item.value\"\r\n\t\t\t ></el-option>\r\n            </el-select>\r\n        </el-form-item>\r\n        <!-- <el-form-item label=\"单位：\" >\r\n         \r\n        </el-form-item> -->\r\n        <el-form-item label=\"起点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.startSection\" @change=\"handleCheckedStartSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n          <el-form-item label=\"终点：\" v-if=\"componentForm.componentType=='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.endSection\" @change=\"handleCheckedendSection\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group>\r\n          </el-form-item>\r\n         <el-form-item label=\"展现形式：\" v-if=\"componentForm.componentType!='OD'\">\r\n            <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox label=\"数值\" name=\"type\" ></el-checkbox>\r\n              <el-checkbox label=\"表格\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n              <el-checkbox label=\"时间曲线图\" name=\"type\"></el-checkbox>\r\n               <el-checkbox label=\"直方图\" name=\"type\"  v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n                <el-checkbox label=\"饼状图\" name=\"type\" v-if=\"componentForm.componentType=='类型'\"></el-checkbox>\r\n              <el-checkbox label=\"均值图\" name=\"type\" v-if=\"componentForm.componentType!='拥堵'\"></el-checkbox>\r\n             \r\n            </el-checkbox-group>\r\n             <!-- <el-checkbox-group v-model=\"componentForm.presentation\" @change=\"handlePresentation\">\r\n              <el-checkbox v-for=\"item in sectionals\" :label=\"item.graphicName\" :key=\"item.graphicId\" >{{item.graphicName}}</el-checkbox>\r\n            </el-checkbox-group> -->\r\n          </el-form-item>\r\n          \r\n          <el-form-item>\r\n            <el-button type=\"primary\" @click=\"onSubmitComponent(componentForm)\">确认</el-button>\r\n            <el-button @click=\"closeComponent(componentForm)\">取消</el-button>\r\n          </el-form-item>\r\n        </el-form>\r\n      </el-dialog>\r\n    \r\n      \r\n    <!-- </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import mqtt from \"mqtt\"; // mqtt协议\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport analysisConfiguration from \"@/views/bounced/analysisConfiguration\";\r\nimport dataBoard from \"@/views/bounced/dataBoard\";\r\nimport {getComponentData,getSectionalData} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\n// mqtt\r\n// import mqttHandle from \"../../../utils/mqttHandle\";\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\n// var topicSends; //订阅的topic 例如：[\"Time1\", \"EngineMain1\", \"Console1\", \"Location1\"]\r\n \r\nexport default {\r\n  data() {\r\n    return {\r\n        receiveNews: \"\",\r\n        topicSends:['img0','stream0','trajectory0','detection0'],\r\n      trajectory:false,//轨迹\r\n      hideBoxShow: true, //隐藏箱子按钮显示隐藏\r\n      closeStatus: null,\r\n      modelOthers: false,\r\n      componentShow: \"\",\r\n      isShowBtn: true, //菜单按钮隐藏\r\n      isShowBtn1: false, //菜单按钮显示\r\n      inputVal: \"\",\r\n      dialogFormVisible: false,\r\n      areaComponent: false,\r\n      indexModule: false,\r\n      speed: false,\r\n      component:false,\r\n      sectionals:[],\r\n      activeName:'first',\r\n      VideoId:'',\r\n      title:'断面',\r\n      componentTitle:'速度',\r\n      form: {\r\n        name: '',\r\n        type:'',\r\n        id:'',\r\n        coordinate:'',\r\n        Direction:'正向',\r\n        StoppingSpeed:'5'\r\n      },\r\n      //初始图形名称\r\n    startFigureName:'',\r\n      areaComponentform: {\r\n        name: '',\r\n        region: '',\r\n        date1: '',\r\n        date2: '',\r\n        delivery: false,\r\n        type: [],\r\n        resource: '实时（触发）',\r\n        desc: ''\r\n      },\r\n      timeSelect:[\r\n        {\r\n         label:'秒',\r\n         value:'秒'   \r\n        },{\r\n          label:'分钟',\r\n         value:'分钟'  \r\n        },{\r\n          label:'小时',\r\n         value:'小时'  \r\n        },{\r\n          label:'天',\r\n         value:'天'  \r\n        }\r\n      ],\r\n      componentForm:{\r\n        //单位\r\n        company: \"秒\",\r\n        componentName: \"\",\r\n        componentParameterId: \"01888e05fac246b29e3a19a27c3d2ab0\",\r\n        //周期间隔\r\n        cycleInterval: \"\",\r\n        startSectionIds: \"\",\r\n        startSectionNames: \"\",\r\n        endSectionIds: \"\",\r\n        endSectionNames: \"\",\r\n        endValue: \"\",\r\n        //展现形式\r\n        presentationForm: \"\",\r\n        presentation:[],\r\n        startValue: \"\",\r\n        timeMode: \"触发\",\r\n        type: \"\",\r\n        startSection:[],\r\n        endSection:[],\r\n        componentType: \"\",\r\n        typeFiltering:'',\r\n        \r\n    },\r\n    typeData:[\"小汽车\",\"公交车\",\"卡车\",\"非机动车\",\"行人\"],\r\n    //展现形式\r\n    presentation:['数值','表格','时间曲线图','均值图'],\r\n\r\n      trackForm:{\r\n        name:\"\"\r\n      },\r\n      //   dateTime: this.$moment(new Date()).format(\"LL\"),\r\n      nowTime: \"\",\r\n      //   weekday: this.$moment().format(\"dddd\"),\r\n      ins: 0,\r\n      imgUrl: '',\r\n      imgUrl1: '',\r\n      imgUrl2: '',\r\n      imgUrl3: '',\r\n      imgUrl4: '',\r\n      imgUrl5: '',\r\n      btnPic: [],\r\n      Data: [\r\n        {\r\n          title: 'xx路口',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '数据看板',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        },\r\n        {\r\n          title: '分析配置',\r\n          url: ''\r\n        }\r\n      ],\r\n      messageInfo: [],\r\n      orderList: [],\r\n      enterList: [],\r\n      stockInfo: [],\r\n      perCent: 0,\r\n      perCent1: 0,\r\n      perCent2: 0,\r\n      facToal: \"\",\r\n      wbContent: '',\r\n      //   wxContent:'',\r\n      inContent: '',\r\n      outContent: '',\r\n      containerDetails: \"\",\r\n      locdesc: '',\r\n      weatherItem: {},\r\n      loadingShow1: true,\r\n      number:'',\r\n      componentId:'',\r\n      analysisConfigurationdata:''\r\n    //   carInfo: [], //小车信息\r\n    //   carName: '',\r\n    //   palletizerInfo: [], //码垛机信息\r\n    //   palletizerName: '',\r\n    //   destackerInfo: [], //拆垛机信息\r\n    //   destackerName: '',\r\n    //   hoistInfo: [], //提升机信息’\r\n    //   hoistName: '',\r\n    //   battaryStationInfo: [],//快换电池装置\r\n    //   battaryStationName: \"\",\r\n    //   conveyorInfo: [], //输送机信息\r\n    //   conveyorName: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    window.getFigure = this.getFigureD;\r\n    window.getModifyTheName = this.getModifyTheNameN;\r\n    // window.getModifyTheName = this.getModifyTheNameN;\r\n    window.getSingleComponentId = this.getSingleComponentIdN;\r\n    window.getSimulationAreaEdit = this.getSimulationAreaEdit;\r\n   window.OnScene = this.OnSceneN;\r\n    this.getAllSectionalData(this.$route.query.id)\r\n    this.VideoId = this.$route.query.id\r\n    this.number = this.$route.query.num\r\n    //   this.getSingleComponentIdN()\r\n  },\r\n  //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.publish('msg_stream',JSON.stringify({\"msg_flag\":-1})) \r\n  client.end();\r\n},\r\n\r\n  created() {\r\n    // this.testMqtt()\r\n   this.componentForm.company = this.timeSelect[0].value;\r\n   this.createMqtt();\r\n  },\r\n  methods: {\r\n     /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n      client.subscribe(['img'+this.number,'stream'+this.number, 'trajectory'+this.number, 'detection'+this.number], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n            client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(this.number)})) \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n          \r\n        }); \r\n      client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              if(msg.rate=='high'){\r\n                 document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n              }else{\r\n                \r\n                this.analysisConfigurationdata = msg\r\n              }\r\n                // document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 树结构\r\n        case \"stream0\":\r\n        case \"stream1\":\r\n        case \"stream2\":\r\n          try {\r\n            const utf8decoder1 = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder1.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\r\n                document.getElementById(\"mapModule\").contentWindow.getData(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 控制台输出\r\n        case \"trajectory0\":\r\n        case \"trajectory1\":\r\n        case \"trajectory2\":\r\n        case \"trajectory3\":\r\n          try {\r\n            const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //    console.log(\"message11\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp11\",temp)\r\n              const msg = JSON.parse(temp)\r\n                //  console.log(\"msg11\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getGuiJi(JSON.stringify(msg))\r\n          } catch (error) {}\r\n          break;\r\n        // 触发\r\n        case \"detection0\":\r\n        case \"detection1\":\r\n        case \"detection2\":\r\n          try {\r\n             const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n            //   console.log(\"message\",message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n            //   console.log(\"temp\",temp)\r\n            var detId = []\r\n             const msgN = JSON.parse(temp)\r\n             if(temp.length!=0){\r\n                for (let i = 0; i < msgN.length; i++) {\r\n                    detId.push(msgN[i].det_id)\r\n                }\r\n                // console.log(\"detId\",detId)\r\n            //   const msg = detId\r\n            //   console.log(\"msg\",msg)\r\n                document.getElementById(\"mapModule\").contentWindow.getChuFa(JSON.stringify(detId))\r\n                // document.getElementById(\"mapModule\").contentWindow.getChuFa(detId)\r\n             }\r\n             \r\n          } catch (error) {}\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n    // handleClick(tab, event) {\r\n    //     console.log(tab, event);\r\n    //   },\r\n   \r\n    //初始化unity\r\n    OnSceneN(){\r\n         document.getElementById(\"mapModule\").contentWindow.postVideoId(JSON.stringify(this.$route.query.id))\r\n    },\r\n    // //新增组件根据组件id获取单个组件数据\r\n    getSingleComponentIdN(id,type,name){\r\n        console.log(\"id\",id)\r\n        console.log(\"type\",type)\r\n        console.log(\"name\",name)\r\n        this.componentId = id\r\n        this.componentForm.componentType = type\r\n        this.componentTitle = type\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n    },\r\n    //修改模拟区组件、图形\r\n    getSimulationAreaEdit(id,type,componentType,name){\r\n        if(type=='图形'){\r\n        this.form.id = id\r\n        this.form.name = name\r\n        this.form.type = componentType\r\n        this.startFigureName = name\r\n        if(this.form.type=='轨迹'){\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n        }else if(type=='组件'){\r\n            this.componentId = id\r\n        this.componentForm.componentType = componentType\r\n        this.componentTitle = componentType\r\n         getComponentData({AnalogAreaComponentId:id}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n            console.log(\"res\",res.data.data)\r\n           this.component=true\r\n           if(res.data.data.company!=''){\r\n            this.componentForm.company = res.data.data.company\r\n           }\r\n           if(res.data.data.timeMode!=''){\r\n            this.componentForm.timeMode = res.data.data.timeMode\r\n           }\r\n            this.componentForm.componentName = res.data.data.componentName+'-'+type\r\n            this.componentForm.componentParameterId = res.data.data.componentParameterId\r\n            this.componentForm.cycleInterval = res.data.data.cycleInterval\r\n            this.componentForm.startSectionIds = res.data.data.startSectionIds\r\n            this.componentForm.startSectionNames = res.data.data.startSectionNames\r\n            this.componentForm.endSectionIds = res.data.data.endSectionIds\r\n            this.componentForm.endSectionNames = res.data.data.endSectionNames\r\n            this.componentForm.endValue = res.data.data.endValue\r\n            this.componentForm.startValue = res.data.data.startValue\r\n            this.componentForm.presentationForm = res.data.data.presentationForm\r\n            this.componentForm.type = res.data.data.type\r\n            if(res.data.data.startSectionIds!=''){\r\n                console.log(\"startSectionIds\",res.data.data.startSectionIds)\r\n                var startSectionIdArr = []\r\n                var startSectionArr = []\r\n                startSectionIdArr  = res.data.data.startSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"startSectionIdArr\",startSectionIdArr)\r\n                startSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n\r\n                    startSectionArr.push(items.graphicName);\r\n                   this.componentForm.startSection = startSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.endSectionIds!=''){\r\n                console.log(\"endSectionIds\",res.data.data.endSectionIds)\r\n                var endSectionIdArr = []\r\n                var endSectionArr = []\r\n                endSectionIdArr  = res.data.data.endSectionIds.split(',')\r\n                console.log(\"this.sectionals\",this.sectionals)\r\n                console.log(\"endSectionIdArr\",endSectionIdArr)\r\n                endSectionIdArr.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicId) {\r\n                  endSectionArr.push(items.graphicName);\r\n                   this.componentForm.endSection = endSectionArr\r\n                }\r\n                });\r\n            });\r\n            }\r\n            if(res.data.data.presentationForm!=''){\r\n                var presentationN = []\r\n                presentationN  = res.data.data.presentationForm.split(',')\r\n                this.componentForm.presentation = presentationN\r\n            }\r\n        }\r\n        })\r\n        }\r\n    },\r\n    //获取所有断面数据\r\n    getAllSectionalData(VideoId){\r\n       getSectionalData({VideoId:VideoId}).then(res=>{\r\n         console.log(\"res\",res)\r\n        if(res.data.code==200){\r\n          this.sectionals=res.data.data\r\n        }\r\n        }) \r\n    },\r\n    figureType(type) {\r\n    if (type == 'Move') {\r\n        type = '轨迹'\r\n    } else if (type == 'Poly') {\r\n        type = '区域'\r\n    } else if (type == 'Line') {\r\n        type = '断面'\r\n    }\r\n    return type\r\n    },\r\n    getFigureD(item,index,indexNew){\r\n        console.log(\"图形类型\",item)\r\n        console.log(\"初始图形名称\",index)\r\n        this.startFigureName = index\r\n        console.log(\"图形位置\",indexNew)\r\n         this.dialogFormVisible = true\r\n        this.form.name = index\r\n        this.form.type = this.figureType(item)\r\n        this.form.coordinate = indexNew\r\n        this.form.id = ''\r\n         this.title = this.figureType(item)\r\n       \r\n        \r\n    },\r\n    //双击图形修改图形名称弹框\r\n    getModifyTheNameN(data){\r\n        console.log(\"data\",data)\r\n        var arr = [];\r\n        arr  = data.split(',')\r\n        console.log(\"arr\",arr)\r\n        this.form.id = arr[0]\r\n        this.form.name = arr[1]\r\n        this.form.type = arr[2]\r\n        this.startFigureName = arr[1]\r\n        if(this.form.type=='轨迹'){\r\n            // this.open2()\r\n           this.dialogFormVisible = true\r\n        }else if(this.form.type=='区域'){\r\n            this.dialogFormVisible = true\r\n        }else if(this.form.type=='断面'){\r\n            this.dialogFormVisible = true\r\n        }\r\n    },\r\n    //新增、编辑图形确认按钮\r\n    onSubmit(form){ \r\n        console.log(\"form\",form)\r\n        //新增\r\n        if(form.id==''){\r\n            let formData = new FormData();\r\n            if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        formData.append(\"Direction\",form.Direction);\r\n            }else if(form.type=='区域'){\r\n                formData.append(\"GraphicName\",form.name);\r\n        formData.append(\"GraphicType\",form.type);\r\n        formData.append(\"Coordinate\",form.coordinate);\r\n        formData.append(\"VideoId\",this.VideoId);\r\n        // formData.append(\"Direction\",form.Direction);\r\n        // formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Coordinate\",form.coordinate);\r\n                formData.append(\"VideoId\",this.VideoId);\r\n                // formData.append(\"Direction\",form.Direction);\r\n            }\r\n        \r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.addFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(res.data.data+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n        }else{\r\n            //编辑\r\n            let formData = new FormData();\r\n             if(form.type=='断面'){\r\n                formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }else if(form.type=='区域'){\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n        formData.append(\"StoppingSpeed\",form.StoppingSpeed);\r\n            }else{\r\n                 formData.append(\"GraphicName\",form.name);\r\n                formData.append(\"GraphicType\",form.type);\r\n                // formData.append(\"Direction\",form.Direction);\r\n                formData.append(\"GraphicId\",form.id);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editFigure,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                console.log(\"startFigureName\",this.startFigureName)\r\n                // document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureName(JSON.stringify(form.id+','+form.name+','+this.startFigureName))\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n\r\n        }\r\n         \r\n    },\r\n    //新增编辑组件取消\r\n    onSubmitComponent(componentForm){\r\n        this.component = false\r\n        let formData = new FormData();\r\n             if(componentForm.componentType=='OD'){\r\n                 //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"startSectionIds\",componentForm.startSectionIds);\r\n                formData.append(\"startSectionNames\",componentForm.startSectionNames);\r\n                formData.append(\"endSectionIds\",componentForm.endSectionIds);\r\n                formData.append(\"endSectionNames\",componentForm.endSectionNames);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",'矩阵图');\r\n                formData.append(\"type\",componentForm.type);\r\n             }else{\r\n                  //名称\r\n                formData.append(\"componentName\",componentForm.componentName);\r\n                //单位\r\n                formData.append(\"company\",componentForm.company);\r\n                //id\r\n                formData.append(\"componentParameterId\",componentForm.componentParameterId);\r\n                formData.append(\"cycleInterval\",componentForm.cycleInterval);\r\n                formData.append(\"endValue\",componentForm.endValue);\r\n                formData.append(\"startValue\",componentForm.startValue);\r\n                formData.append(\"timeMode\",componentForm.timeMode);\r\n                formData.append(\"presentationForm\",componentForm.presentationForm);\r\n                formData.append(\"type\",componentForm.type);\r\n             }\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.editComponent,\r\n                data:formData\r\n              }).then((res) => {\r\n                    console.log(\"res\",res)\r\n                     \r\n                     if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                document.getElementById(\"mapModule\").contentWindow.postFigureId(JSON.stringify(res.data.data))\r\n                document.getElementById(\"mapModule\").contentWindow.editComponent(this.componentId+','+componentForm.componentName)\r\n                this.dialogFormVisible = false\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n              })\r\n    },\r\n     //新增编辑组件取消\r\n     closeComponent(componentForm){\r\n        this.component = false\r\n    }, \r\n    //新增、编辑图形取消按钮\r\n    closeFigure(form){\r\n        console.log(\"form\",form)\r\n        if(form.id!=''){\r\n            this.dialogFormVisible = false\r\n            // document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n       \r\n    },\r\n    closeComponentForm(){\r\n        this.component = false\r\n    },\r\n    closeForm(form){\r\n        \r\n        if(this.form.id!=''){\r\n            this.dialogFormVisible = false\r\n            document.getElementById(\"mapModule\").contentWindow.closeEdit(JSON.stringify(form.type+','+form.id))\r\n            //  document.getElementById(\"mapModule\").contentWindow.closeEdit(form.type,form.id)\r\n        }else{\r\n             this.dialogFormVisible = false\r\n        document.getElementById(\"mapModule\").contentWindow.delFigure()\r\n        }\r\n    },\r\n    //改变起点\r\n    handleCheckedStartSection(value){\r\n        console.log(\"改变起点\",value)\r\n        var startSectionIdArr = []\r\n        var startSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    startSectionIdArr.push(items.graphicId);\r\n                    startSectionNameArr.push(items.graphicName);\r\n                    let newStartSectionId = startSectionIdArr.join(\",\")\r\n                    let newStartSectionName = startSectionNameArr.join(\",\")\r\n                   this.componentForm.startSectionIds = newStartSectionId\r\n                   this.componentForm.startSectionNames = newStartSectionName\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //改变终点\r\n    handleCheckedendSection(value){\r\n        console.log(\"改变终点\",value)\r\n         var endSectionIdArr = []\r\n        var endSectionNameArr = []\r\n                value.forEach((item) => {\r\n                this.sectionals.forEach((items) => {\r\n                if (item == items.graphicName) {\r\n                    endSectionIdArr.push(items.graphicId);\r\n                    endSectionNameArr.push(items.graphicName);\r\n                    let newendSectionId = endSectionIdArr.join(\",\")\r\n                    let newEndSectionName = endSectionNameArr.join(\",\")\r\n                    console.log(\"newendSectionId\",newendSectionId)\r\n                    console.log(\"newEndSectionName\",newEndSectionName)\r\n                   this.componentForm.endSectionIds = newendSectionId\r\n                   this.componentForm.endSectionNames = newEndSectionName\r\n\r\n                }\r\n                });\r\n            });\r\n    },\r\n    //修改展现形式\r\n    handlePresentation(value){\r\n         console.log(\"展现形式\",value)\r\n          let presentation = value.join(\",\")\r\n          this.componentForm.presentationForm = presentation\r\n          console.log(\"this.componentForm.presentationForm\",this.componentForm.presentationForm)\r\n    },\r\n    //模型加载等待\r\n    loadingShow(data) {\r\n      this.loadingShow1 = data\r\n    },\r\n\r\n   \r\n\r\n    handleSearch() {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(this.inputVal);\r\n      console.log(this.$refs.htModels, 'asdasdasd');\r\n      this.inputVal = ''\r\n    },\r\n    handleRow(val) {\r\n      this.modelOthers = true;\r\n      this.$refs.htModels.finbBox(val);\r\n    },\r\n    // 天气\r\n    handleWather() {\r\n      axios({ url: 'https://restapi.amap.com/v3/weather/weatherInfo?key=bc2b906032fdd8a63cbd0790d656b1d7&city=620100', methods: '' }).then(res => {\r\n        this.weatherItem = res.data.lives[0]\r\n        console.log(this.weatherItem, 'asdsads');\r\n      })\r\n    },\r\n  },\r\n  components: {\r\n    editModal,\r\n    analysisConfiguration,\r\n    dataBoard\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.el-form-item {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.content-box::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog{\r\n      width: 49%;\r\n    height: 29%;\r\n    left: calc(26vw);\r\n    top: 71vh;\r\n    bottom: 0 /* right:auto;; */;\r\n}\r\n.formBox{\r\n    margin-top: 20px;\r\n     margin-left: 20px;\r\n}\r\n/* .new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0vh auto !important;\r\n        margin-top: 0vh!important;\r\n} */\r\n.new-dialog .el-dialog {\r\n    width:100%!important;\r\n        margin: 0 auto 0px!important;\r\n        /* margin-top: 0vh!important; */\r\n}\r\n.new-dialog .el-dialog__wrapper::-webkit-scrollbar {\r\n    display: none; /* Chrome Safari */\r\n}\r\n.new-dialog .customWidth{\r\n    width: 100%;\r\nmin-width: 150px;\r\n}\r\n.mapModuleApp{\r\n    /* width:100%; */\r\n    width:1600px;\r\n    height:900px;\r\n    display:inline-block;\r\n    border:1px soild #eee;\r\n}\r\n\r\n</style>\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/917e70d2ca807e0a3f9b9fa376f5ba8c.json b/node_modules/.cache/vue-loader/917e70d2ca807e0a3f9b9fa376f5ba8c.json
index 5f00e201..4ffde801 100644
--- a/node_modules/.cache/vue-loader/917e70d2ca807e0a3f9b9fa376f5ba8c.json
+++ b/node_modules/.cache/vue-loader/917e70d2ca807e0a3f9b9fa376f5ba8c.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n.btn{\n    position: absolute;\n    right: 10%;\n    bottom: 18%;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nexport default {\r\n  data(){\r\n    return{\r\n        componentShow: \"\",\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ]\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n  },\r\n  methods: {\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=style&index=0&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673601263626},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  .time {\n    font-size: 13px;\n    color: #999;\n  }\n  .bot{\n    padding: 14px;\n  }\n  .bottom {\n    margin-top: 13px;\n    line-height: 12px;\n    display: inline-block;\n    margin-left: 15px;\n  }\n\n  .button {\n    padding: 0;\n    float: right;\n  }\n\n  .image {\n    width: 100%;\n    display: block;\n    \n  }\n\n  .clearfix:before,\n  .clearfix:after {\n      display: table;\n      content: \"\";\n  }\n  \n  .clearfix:after {\n      clear: both\n  }\n  .middle{\n    width: 100%;\n    /* height: 100%; */\n    height: 284px;\n  }\n  .el-col-6 {\n    width: 25%;\n    padding-left: 20px;\n    padding-top: 20px;\n}\n.type{\n    position: absolute;\n    left: 0;\n    top:0px;\n}\n.del{\n    position: absolute;\n    right: 0px;\n    top:0px;\n    width: 25px;\n    height: 25px;\n    z-index: 9999;\n    /* background-color: #999 */\n}\n.card{\n    position: relative;\n    cursor: pointer;\n}\n.name{\n     position: absolute;\n    left: 7px;\n    top:0px;\n    z-index: 99;\n}\n.el_dialog {\n        position: fixed;\n        width: 100%;\n        height: 100%;\n        background-color: rgba(0, 0, 0, 0.5);\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        margin: 0;\n        padding: 0;\n    }\n    .el_dialog__content {\n        width: v-bind(width1);\n        height: 400px;\n        background-color: white;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n    }\n  \n#dialog .el-dialog__header {\n  border-bottom: 1px solid #eee;\n}\n \n\n#dialog .el-dialog__title {\n  font-weight: bold;\n  color: #000;\n}\n.btn{\n    position: absolute;\n    right: 10%;\n    bottom: 18%;\n}\n",{"version":3,"sources":["AnalysisMain.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"AnalysisMain.vue","sourceRoot":"src/views","sourcesContent":["<template>\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\">\r\n    \r\n    \r\n    <el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button>\r\n    <el-button  type=\"primary\" @click=\"stopAlgorithmBtn\">关闭程序</el-button>\r\n    </div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n</template>\r\n\r\n<script>\r\nimport editModal from \"@/views/bounced/maintenanceRemind\";\r\nimport {getGetShipjk,getDeleteShipjk,getApplication,getStopAlgorithm} from \"../api/index\";\r\nimport  serverUrl from \"../config/apiurl.js\"\r\nimport axios from 'axios'\r\nimport mqttConfig from \"@/utils/mqttConfig.js\";\r\nvar mqtt; //mqtt 处理对象（全局变量）\r\nvar client;\r\nexport default {\r\n  data(){\r\n    return{\r\n         receiveNews: \"\",\r\n        //  topicSends:['img0','img1','img2','img3','img4','img5','img6','img7','img8'],\r\n         topicSends:[],\r\n        componentShow: \"\",\r\n        numArr:[],\r\n        currentDate: new Date(),\r\n        closeStatus: null,\r\n      dialogFormVisible: false,\r\n       fileList: [\r\n        // {name: 'food.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}, {name: 'food2.jpeg', url: 'https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100'}\r\n        ],\r\n       form: {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n        formLabelWidth: '120px',\r\n        formLabelWidth: '200px',\r\n    \r\n        videoList:[\r\n        //     {\r\n        //     img:require('@/assets/img/AnalysisMain/img1.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控001'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img2.png'),\r\n        //     type:'离线视频',\r\n        //     title:'视频监控002'\r\n        // },{\r\n        //     img:require('@/assets/img/AnalysisMain/img3.png'),\r\n        //     type:'实时视频',\r\n        //     title:'视频监控003'\r\n        // }\r\n        ],\r\n         fullscreenLoading: false\r\n    }\r\n  },\r\n   mounted() {\r\n    console.log(\"dialogFormVisible\",this.dialogFormVisible)\r\n    this.getVideoList()\r\n    this.createMqtt()\r\n  },\r\n   //离开当前页面后执行\r\ndestroyed: function () {\r\n console.log(\"离开当前页\")\r\n  client.end();\r\n},\r\n  methods: {\r\n         /** 创建mqtt */\r\n    createMqtt() {\r\n      //创建链接，接收数据\r\n      \r\n      mqtt = new mqttConfig(this.topicSends);\r\n      client = mqtt.createConnect();\r\n    client.subscribe('hert', { qos: 0 })\r\n    //   client.subscribe('img'+this.videoList[i].num, { qos: 0 }, (err)=> {\r\n    //       if (!err) {\r\n    //         console.log(\"订阅成功\");\r\n    //          client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n    //       } else {\r\n    //         console.log('消息订阅失败！')\r\n    //       }\r\n    //     }); \r\n        client.subscribe(['img0','img1','img2','img3','img4','img5','img6','img7'], { qos: 0 }, (err)=> {\r\n          if (!err) {\r\n            console.log(\"订阅成功\");\r\n             client.publish('msg_stream',JSON.stringify({\"msg_flag\":parseInt(-1)})) \r\n           \r\n          } else {\r\n            console.log('消息订阅失败！')\r\n          }\r\n        }); \r\n       client.on(\"message\", (topic, message) => {\r\n        //数据分类\r\n        try {\r\n        //   this.receiveNews = this.receiveNews.concat(message);\r\n        //   this.realInfo(topic, this.receiveNews);\r\n          this.realInfo(topic, message);\r\n        } catch (error) {\r\n\r\n        }\r\n      });\r\n    },\r\n    //停止订阅mqtt\r\n    disConnect() {\r\n      if (client != null) {\r\n        client.unsubscribe(this.topicSends);\r\n        client = null;\r\n      }\r\n    },\r\n    /** 实时数据分类 */\r\n    realInfo(topic, message) {\r\n        console.log(\"topic\",topic)\r\n      switch (topic) {\r\n        // 接收托片\r\n        case \"img0\":\r\n        case \"img1\":\r\n        case \"img2\":\r\n        case \"img3\":\r\n        case \"img4\":\r\n        case \"img5\":\r\n        case \"img6\":\r\n        case \"img7\":\r\n        case \"img8\":\r\n          try {\r\n\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n            //   var newArr = []\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n            //   this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n            //   console.log(\"imageUrl\", imageUrl)\r\n                       if(this.videoList.length!=0){\r\n        for (let i = 0; i < this.videoList.length; i++) { \r\n             if(msg.id==this.videoList[i].id){\r\n                this.videoList[i].img = 'data:image/png;base64,' + msg.pic\r\n             }   \r\n        }\r\n      }\r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n         case \"hert\":\r\n             try {\r\n            console.log(\"message\", message)\r\n              const utf8decoder = new TextDecoder()\r\n              const u8arr = new Uint8Array(message)\r\n              const temp = utf8decoder.decode(u8arr)\t// 将二进制数据转为字符串\r\n              const msg = JSON.parse(temp)\t\t//这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n              console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n              \r\n          } catch (error) {\r\n\r\n          }\r\n          break;\r\n      }\r\n      this.receiveNews = \"\";\r\n    },\r\n     informationInfo(data,item) {\r\n        console.log(\"data\",data)\r\n        if(data=='新增'){\r\n        this.form= {\r\n         radio: '',\r\n          name: '',\r\n          city:'',\r\n          videoUrl:'',\r\n        },\r\n         this.dialogFormVisible = true;\r\n        }\r\n        \r\n     },\r\n     open(item) {\r\n        console.log(\"item\",item)\r\n        this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n             getDeleteShipjk({VideoId:item}).then(res=>{\r\n                console.log(\"res\",res)\r\n                this.$message({\r\n                    type: 'success',\r\n                    message: '删除成功!'\r\n                });\r\n                 this.getVideoList()\r\n             })\r\n          \r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n     commit(form){\r\n        console.log(\"form\",form)\r\n        let formData = new FormData();\r\n        formData.append(\"VideoName\",form.videoName);\r\n            formData.append(\"VideoType\",form.videoType);\r\n            formData.append(\"VideoStreamAddress\",form.videoStreamAddress);\r\n        axios({\r\n                method: \"post\",\r\n                url: serverUrl.dataUrl,\r\n                data:formData\r\n              }).then((res) => {\r\n               console.log(\"提交按钮\",res)\r\n               if(res.data.msg=='添加成功'){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                this.getVideoList()\r\n               }else{\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'warning'\r\n                });\r\n               }\r\n\r\n              this.dialogFormVisible = false;\r\n                \r\n              });\r\n    \r\n     },\r\n     handleFileChange(e) {\r\n                    let inputDOM = this.$refs.inputer;\r\n                    this.file = inputDOM.files[0];// 通过DOM取文件数据\r\n\r\n                },\r\n    //应用\r\n    applicationBtn(){\r\n         getApplication().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                     const loading = this.$loading({\r\n          lock: true,\r\n          text: 'Loading',\r\n          spinner: 'el-icon-loading',\r\n          background: 'rgba(0, 0, 0, 0.7)'\r\n        });\r\n        setTimeout(() => {\r\n          loading.close();\r\n           this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n            }, 5000);  \r\n                }\r\n             })\r\n    },\r\n    //停止\r\n     stopAlgorithmBtn(){\r\n         getStopAlgorithm().then(res=>{\r\n                console.log(\"res\",res)\r\n                if(res.data.code==200){\r\n                 this.$message({\r\n                  message: res.data.msg,\r\n                  type: 'success'\r\n                });\r\n                }\r\n             })\r\n    },\r\n                S4() {\r\n                    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);\r\n                },\r\n                guid() {\r\n                    return (this.S4() + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + \"-\" + this.S4() + this.S4() + this.S4());\r\n                },\r\n                load() {\r\n                    let size = this.file.size;//文件大小\r\n\r\n                    let maxZrea = 8;              //设置每个分区大小 MB\r\n                    let bufferSize = maxZrea * (1024 * 1024);\r\n                    let fileStart = 0;\r\n                    let fileEnd = bufferSize;\r\n                    let arrFile = [];\r\n                    while (fileStart < size) {\r\n                        var fileInfo = {\r\n                            File: this.file.slice(fileStart, fileEnd),\r\n                            Start: fileStart,\r\n                            End: fileEnd\r\n                        }\r\n                        arrFile.push(fileInfo);\r\n                        fileStart = fileEnd;\r\n                        fileEnd = fileStart + bufferSize;\r\n                    }\r\n                    let count = arrFile.length;\r\n                    let filename = this.file.name + \"~\" + this.guid();\r\n                    for (var i = 0; i < count; i++) {\r\n                        let formData = new FormData();//new一个formData事件\r\n                        formData.append(\"file\", arrFile[i].File); //将file属性添加到formData里\r\n                        var url = serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size;\r\n                        console.log(\"url\",url)\r\n                         //               axios({\r\n            //     method: \"post\",\r\n            //     url: serverUrl.getSpareElementOrder+\"?Name=\" + filename + \"&Number=\" + i + \"&BufferSize=\" + bufferSize + \"&Count=\" + count + \"&Start=\" + arrFile[i].Start + \"&End=\" + arrFile[i].End + \"&Size=\" + size,\r\n            //     headers: {\r\n            //                     \"Content-Type\": \"multipart/form-data;\",\r\n            //                 }\r\n            //   })\r\n                        axios.post(url, formData, {\r\n                            headers: {\r\n                                \"Content-Type\": \"multipart/form-data;\",\r\n                            }\r\n                        }).then(r => {\r\n                            console.log(\"r.data\",r.data);\r\n                            if (r.data.code!=200) {\r\n                                console.log(r.data);\r\n                            }else{\r\n                                 this.$message({\r\n                                  message: r.data.msg,\r\n                                  type: 'success'\r\n                                });\r\n                            }\r\n                            //console.log(r.data.code);\r\n                        }).catch(e => {\r\n                            console.log(e);\r\n                        });\r\n                    }\r\n                },\r\n     goToPage(id,num) {\r\n\r\n        this.$router.push({path:'index',query: {id:id,num:num}})\r\n        \r\n    },\r\n     //获取视频数据\r\n     getVideoList(){\r\n        getGetShipjk().then(res=>{\r\n            console.log(\"res\",res)\r\n            if(res.data.msg=='成功'){\r\n               \r\n                var arr = [];\r\n                res.data.data.forEach((item)=>{\r\n                        arr.push({\r\n                              id:  item.videoId,  \r\n                              type: item.videoType,\r\n                              title: item.videoName,\r\n                              num:item.number,\r\n                              img: require('@/assets/img/AnalysisMain/img1.png'),\r\n                            });\r\n                        }) \r\n                this.videoList=arr\r\n          \r\n                console.log(\"this.videoList\",this.videoList)\r\n            }\r\n        })\r\n     },\r\n      handleRemove(file, fileList) {\r\n        console.log(file, fileList);\r\n      },\r\n      handlePreview(file) {\r\n        console.log(file);\r\n      },\r\n      handleExceed(files, fileList) {\r\n        this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);\r\n      },\r\n      beforeRemove(file, fileList) {\r\n        return this.$confirm(`确定移除 ${ file.name }？`);\r\n      },\r\n      //    onUpdateSubmit(data) {\r\n//       if (data?.id) {\r\n//         this.tableData.map(v => v.id === data.id ? v.name = data.name : v.name);\r\n//       } else {\r\n//         this.tableData.push({\r\n//           id: Math.floor(Math.random() * 300),\r\n//           name: data.name,\r\n//           creator: 'dd',\r\n//         })\r\n//       }\r\n \r\n//       this.dialogFormVisible = false;\r\n//     },\r\n  },\r\n  \r\n\r\n   components: {\r\n    editModal\r\n  },\r\n}\r\n</script>\r\n\r\n<style>\r\n  .time {\r\n    font-size: 13px;\r\n    color: #999;\r\n  }\r\n  .bot{\r\n    padding: 14px;\r\n  }\r\n  .bottom {\r\n    margin-top: 13px;\r\n    line-height: 12px;\r\n    display: inline-block;\r\n    margin-left: 15px;\r\n  }\r\n\r\n  .button {\r\n    padding: 0;\r\n    float: right;\r\n  }\r\n\r\n  .image {\r\n    width: 100%;\r\n    display: block;\r\n    \r\n  }\r\n\r\n  .clearfix:before,\r\n  .clearfix:after {\r\n      display: table;\r\n      content: \"\";\r\n  }\r\n  \r\n  .clearfix:after {\r\n      clear: both\r\n  }\r\n  .middle{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n    height: 284px;\r\n  }\r\n  .el-col-6 {\r\n    width: 25%;\r\n    padding-left: 20px;\r\n    padding-top: 20px;\r\n}\r\n.type{\r\n    position: absolute;\r\n    left: 0;\r\n    top:0px;\r\n}\r\n.del{\r\n    position: absolute;\r\n    right: 0px;\r\n    top:0px;\r\n    width: 25px;\r\n    height: 25px;\r\n    z-index: 9999;\r\n    /* background-color: #999 */\r\n}\r\n.card{\r\n    position: relative;\r\n    cursor: pointer;\r\n}\r\n.name{\r\n     position: absolute;\r\n    left: 7px;\r\n    top:0px;\r\n    z-index: 99;\r\n}\r\n.el_dialog {\r\n        position: fixed;\r\n        width: 100%;\r\n        height: 100%;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .el_dialog__content {\r\n        width: v-bind(width1);\r\n        height: 400px;\r\n        background-color: white;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n  \r\n#dialog .el-dialog__header {\r\n  border-bottom: 1px solid #eee;\r\n}\r\n \r\n\r\n#dialog .el-dialog__title {\r\n  font-weight: bold;\r\n  color: #000;\r\n}\r\n.btn{\r\n    position: absolute;\r\n    right: 10%;\r\n    bottom: 18%;\r\n}\r\n</style>\r\n\r\n\r\n"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/91b568b016377ef75ab2f6d4a3dfb131.json b/node_modules/.cache/vue-loader/91b568b016377ef75ab2f6d4a3dfb131.json
index 8ea38af0..869e3b9e 100644
--- a/node_modules/.cache/vue-loader/91b568b016377ef75ab2f6d4a3dfb131.json
+++ b/node_modules/.cache/vue-loader/91b568b016377ef75ab2f6d4a3dfb131.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\"><el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button></div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673601263626},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\r\n<div class=\"content-box\">\r\n  <!-- <div class=\"container\">\r\n    <p>分析主页 </p>\r\n    <div class=\"test-div\">\r\n      <i class=\"el-icon-edit\"></i>\r\n      <i class=\"el-icon-share\"></i>\r\n      <i class=\"el-icon-delete\"></i>\r\n    </div>\r\n  </div> -->\r\n  <div>\r\n    <el-row>\r\n  <el-col :span=\"6\" v-for=\"(item, index) in videoList\" :key=\"item\" :offset=\"index > 0 ? 0 : 0\" >\r\n    <el-card :body-style=\"{ padding: '0px' }\" class=\"card\" >\r\n        <div class=\"type\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/leftTop2.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n         <div class=\"name\">\r\n            <img src=\"@/assets/img/AnalysisMain/ssVideo.png\" alt=\"\" v-if=\"item.type=='实时视频'\">\r\n            <img src=\"@/assets/img/AnalysisMain/lxVideo.png\" alt=\"\" v-if=\"item.type=='离线视频'\">\r\n        </div>\r\n        <div class=\"del\" @click=\"open(item.id)\"> <i class='el-icon-delete'></i></div>\r\n      <img :src=\"item.img\" class=\"image\" @click=\"goToPage(item.id,item.num)\">\r\n      <div class=\"bot\">\r\n        <span style=\" vertical-align: middle;\"><img src=\"@/assets/img/AnalysisMain/video (1).png\" alt=\"\"></span>\r\n        <div class=\"bottom clearfix\">\r\n          <time class=\"time\">{{ item.title }}</time>\r\n          <!-- <el-button type=\"text\" class=\"button\">操作按钮</el-button> -->\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </el-col>\r\n  <el-col :span=\"6\">\r\n    <el-card :body-style=\"{ padding: '0px' }\">\r\n        <div class=\"middle\">\r\n            <div style=\"width: 50%;height: 100%;margin: auto;padding-top: 15%;cursor: pointer;text-align: center;\" @click=\"informationInfo('新增')\">\r\n                <img src=\"@/assets/img/AnalysisMain/add.png\" width=\"80%\">\r\n            </div>\r\n             \r\n        </div>\r\n     \r\n    </el-card>\r\n  </el-col>\r\n</el-row>\r\n<div class=\"btn\">\r\n    \r\n    \r\n    <el-button  type=\"primary\" @click=\"applicationBtn\">启动程序</el-button>\r\n    <el-button  type=\"primary\" @click=\"stopAlgorithmBtn\">关闭程序</el-button>\r\n    </div>\r\n  </div>\r\n  <div id=\"dialog\" class=\"margin-top: 0px !important;\">\r\n      <el-dialog\r\n    title=\"视频源配置\"\r\n    width=\"40%\"\r\n    :visible.sync=\"dialogFormVisible\"\r\n  >\r\n    <!-- <editModal ></editModal> -->\r\n    <el-form :model=\"form\">\r\n    <el-form-item label=\"视频源名称\" :label-width=\"formLabelWidth\">\r\n      <el-input v-model=\"form.videoName\" autocomplete=\"off\" style=\"width:50%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"视频源类型\" :label-width=\"formLabelWidth\">\r\n    <el-radio-group v-model=\"form.videoType\">\r\n      <el-radio label=\"实时视频\"></el-radio>\r\n      <el-radio label=\"离线视频\"></el-radio>\r\n    </el-radio-group>\r\n  </el-form-item>\r\n  <el-form-item label=\"视频源地址\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='实时视频'\">\r\n      <el-input v-model=\"form.videoStreamAddress\" autocomplete=\"off\" style=\"width:80%\"></el-input>\r\n    </el-form-item>\r\n    <el-form-item label=\"离线视频上传\" :label-width=\"formLabelWidth\" v-if=\"form.videoType=='离线视频'\">\r\n      <!-- <el-upload\r\n        v-model=\"form.f_VC_LIXSP\"\r\n          class=\"upload-demo\"\r\n          action=\"https://jsonplaceholder.typicode.com/posts/\"\r\n          :on-preview=\"handlePreview\"\r\n          :on-remove=\"handleRemove\"\r\n          :before-remove=\"beforeRemove\"\r\n          multiple\r\n          :limit=\"1\"\r\n          :on-exceed=\"handleExceed\"\r\n          :file-list=\"fileList\">\r\n          <el-button size=\"small\" type=\"primary\">点击上传</el-button>\r\n        </el-upload> -->\r\n         <input type=\"file\" id=\"fileExport\" @change=\"handleFileChange\" ref=\"inputer\">\r\n         <el-button size=\"small\" type=\"primary\" @click=\"load\">点击上传</el-button>\r\n    </el-form-item>\r\n  </el-form>\r\n  <div slot=\"footer\" class=\"dialog-footer\">\r\n    <el-button @click=\"dialogFormVisible = false\">取 消</el-button>\r\n    <el-button type=\"primary\" @click=\"commit(form)\">确 定</el-button>\r\n  </div>\r\n  </el-dialog>\r\n  </div>\r\n \r\n     \r\n</div>\r\n\r\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9a0677ed8fbe1946b4ba77225ed7f6b7.json b/node_modules/.cache/vue-loader/9a0677ed8fbe1946b4ba77225ed7f6b7.json
index fbec9e91..9af966cf 100644
--- a/node_modules/.cache/vue-loader/9a0677ed8fbe1946b4ba77225ed7f6b7.json
+++ b/node_modules/.cache/vue-loader/9a0677ed8fbe1946b4ba77225ed7f6b7.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\"\nimport script from \"./lineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3aba1cf9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3aba1cf9')) {\n      api.createRecord('3aba1cf9', component.options)\n    } else {\n      api.reload('3aba1cf9', component.options)\n    }\n    module.hot.accept(\"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\", function () {\n      api.rerender('3aba1cf9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/lineChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673603633978},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\"\nimport script from \"./lineChart.vue?vue&type=script&lang=js&\"\nexport * from \"./lineChart.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3aba1cf9\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3aba1cf9')) {\n      api.createRecord('3aba1cf9', component.options)\n    } else {\n      api.reload('3aba1cf9', component.options)\n    }\n    module.hot.accept(\"./lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&\", function () {\n      api.rerender('3aba1cf9', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/chart/lineChart.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9b28dc4238b7b1a6ec0f883a87df0533.json b/node_modules/.cache/vue-loader/9b28dc4238b7b1a6ec0f883a87df0533.json
index 6b9833d6..26630232 100644
--- a/node_modules/.cache/vue-loader/9b28dc4238b7b1a6ec0f883a87df0533.json
+++ b/node_modules/.cache/vue-loader/9b28dc4238b7b1a6ec0f883a87df0533.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673580353836},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAunCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" size=\"small\" @change=\"handleChange\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                id=\"mapModuleTop\"\r\n                                @load=\"load\"\r\n                                src=\"./VideoWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                            <!-- <iframe src=\"./VideoWeb/index.html\" style=\"height: 100%; width: 100%;border: none\" \r\n          ref=\"iframe\"></iframe> -->\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n        })\r\n    },\r\n    methods: {\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.addDianForm={}\r\n            this.dialogVisible = false\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=style&index=0&id=fd3d0d46&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673601263627},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1673232719166},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4qCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                ref=\"analysisWeb\"\r\n                                src=\"./analysisWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-if=\"scope.row.btnShow == '1'?true:false\"\r\n                                        @click=\"handleExit(scope.row,scope.$index)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-else\r\n                                        @click=\"handleconfirm(scope.row,scope.$index)\"\r\n                                        >确认编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/9e4d9d18e84d5a8631d25c2871ddfae0.json b/node_modules/.cache/vue-loader/9e4d9d18e84d5a8631d25c2871ddfae0.json
index 07bb9048..33e5d873 100644
--- a/node_modules/.cache/vue-loader/9e4d9d18e84d5a8631d25c2871ddfae0.json
+++ b/node_modules/.cache/vue-loader/9e4d9d18e84d5a8631d25c2871ddfae0.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"lineChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"lineChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673603633978},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", {\n    ref: \"lineChart\",\n    staticStyle: { width: \"100%\", height: \"300px\" },\n    attrs: { id: \"lineChart\" }\n  })\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/a565f3cca1fca2495ccf33515d5acb38.json b/node_modules/.cache/vue-loader/a565f3cca1fca2495ccf33515d5acb38.json
index 1bffa2ed..24fc4f39 100644
--- a/node_modules/.cache/vue-loader/a565f3cca1fca2495ccf33515d5acb38.json
+++ b/node_modules/.cache/vue-loader/a565f3cca1fca2495ccf33515d5acb38.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4SA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=style&index=0&id=7008e2bf&scoped=true&lang=css&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673659822624},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\css-loader\\dist\\cjs.js","mtime":1673232711341},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\postcss-loader\\src\\index.js","mtime":1673232718046},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgVA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 147,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 123,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 80,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 5.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 12.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 10\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 8,\r\n                    ave_speed: 12\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 7,\r\n                    ave_speed: 22\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 17,\r\n                    ave_speed: 12\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 50 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 50 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ae20ab78d3d7188d1d7583d4bfbc8b05.json b/node_modules/.cache/vue-loader/ae20ab78d3d7188d1d7583d4bfbc8b05.json
index 559f6bb4..48e71efe 100644
--- a/node_modules/.cache/vue-loader/ae20ab78d3d7188d1d7583d4bfbc8b05.json
+++ b/node_modules/.cache/vue-loader/ae20ab78d3d7188d1d7583d4bfbc8b05.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673593542738},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 2.6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 16.7,\r\n                    ave_speed: 2.6\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 47 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\dataBoard.vue","mtime":1673659822624},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 147,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 123,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 80,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 5.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 12.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 10\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 8,\r\n                    ave_speed: 12\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 7,\r\n                    ave_speed: 22\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 17,\r\n                    ave_speed: 12\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 50 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 50 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n",{"version":3,"sources":["dataBoard.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"dataBoard.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div ref=\"box\" class=\"box\" style=\"height: 100vh\">\r\n        <!-- <p class=\"title\" style=\"margin-bottom: 20px;font-size: 20px;font-weight: 400;\">数据看板</p> -->\r\n        <!-- 01断面 -->\r\n        <div class=\"dataBoard\" v-if=\"activeName == 'second'\">\r\n            <div class=\"plate1\">\r\n                <div class=\"section\" ref=\"section\">\r\n                    <div ref=\"sectionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title1 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count2 == true ? 'upActive' : 'active'\" @click=\"sectionHandle()\"></span>\r\n                        </div>\r\n\r\n                        <headWayChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <typeChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart :pageType=\"'断面'\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart :pageType=\"'断面'\" triggerType=\"周期统计\" :data=\"sectionList\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- 区域 -->\r\n            <div class=\"plate2\">\r\n                <div class=\"region\" ref=\"region\">\r\n                    <div ref=\"regionContent\">\r\n                        <div>\r\n                            <p class=\"board-title\">\r\n                                <span>{{ title2 }}</span>\r\n                            </p>\r\n                            <span class=\"downPull\" :class=\"count1 == true ? 'upActive' : 'active'\" @click=\"regionHandle()\"></span>\r\n                        </div>\r\n                        <OD pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <speedChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <flowChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n\r\n                        <lineUpChart pageType=\"区域\" triggerType=\"触发\" :data=\"tableData\" />\r\n                        <checkChart pageType=\"区域\" triggerType=\"周期时刻\" :data=\"regionList1\" />\r\n                        <delayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <congestionChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                        <headWayChart pageType=\"区域\" triggerType=\"周期统计\" :data=\"regionList2\" />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 详情框 -->\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport delayChart from '../../components/target/delayChart.vue';\r\nimport speedChart from '../../components/target/speedChart.vue';\r\nimport flowChart from '../../components/target/flowChart.vue';\r\nimport headWayChart from '../../components/target/headWayChart.vue';\r\nimport checkChart from '../../components/target/checkChart.vue';\r\nimport lineUpChart from '../../components/target/lineUpChart.vue';\r\nimport congestionChart from '../../components/target/congestionChart.vue';\r\nimport typeChart from '../../components/target/typeChart.vue';\r\nimport OD from '../../components/target/OD.vue';\r\nexport default {\r\n    components: {\r\n        delayChart,\r\n        speedChart,\r\n        flowChart,\r\n        headWayChart,\r\n        checkChart,\r\n        lineUpChart,\r\n        congestionChart,\r\n        typeChart,\r\n        OD\r\n    },\r\n    props: {\r\n        activeName: {\r\n            type: String\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            title1: '01断面',\r\n            title2: '01区域',\r\n            dialogVisible: false,\r\n            // 触发数据断面与区域相同\r\n            tableData: [\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 35.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 19\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 70.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 6.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 10.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 2.5\r\n                },\r\n                {\r\n                    steam_id: 0,\r\n                    timestamp: '2022-10-01 09:15:10.156',\r\n                    obj_id: 125,\r\n                    type: 'car',\r\n                    plate: '苏A0131M',\r\n                    speed: 60.2,\r\n                    event: 'in',\r\n                    lane: 0,\r\n                    headWay: 11.5\r\n                }\r\n            ],\r\n\r\n            // 断面的周期统计\r\n            sectionList: [\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 147,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 30\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 123,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 40\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 80,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 50\r\n                },\r\n                {\r\n                    steam_id: '0',\r\n                    gate_id: 'Gate_1',\r\n                    name: '西进口',\r\n                    timestamp: '2022-10-1',\r\n                    interval: '53',\r\n                    type: 'truck',\r\n                    in_flow: 90,\r\n                    out_flow: 120,\r\n                    flow: 210,\r\n                    in_spd: 20.1,\r\n                    out_spd: 30.6,\r\n                    speed: 77\r\n                }\r\n            ],\r\n            // 区域的周期时刻\r\n            regionList1: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 5.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 12.6\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 10\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    frame: 1000,\r\n                    type: 'car',\r\n                    n_stay: 3,\r\n                    n_queue: 2,\r\n                    occ: 1,\r\n                    speed: 6\r\n                }\r\n            ],\r\n            // 区域的周期统计\r\n            regionList2: [\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 8,\r\n                    ave_speed: 12\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 7,\r\n                    ave_speed: 22\r\n                },\r\n                {\r\n                    zone_id: '0',\r\n                    gate_id: 'Zone_1',\r\n                    name: '西进口左1',\r\n                    timestamp: '2022-10-1',\r\n                    type: 'car',\r\n                    enter_flow: 1,\r\n                    leave_flow: 3,\r\n                    ave_stay: 3.2,\r\n                    ave_queue: 2.9,\r\n                    ave_occ: 0.56,\r\n                    ave_delay: 17,\r\n                    ave_speed: 12\r\n                }\r\n            ],\r\n\r\n            // sectionShow: false,\r\n            // regionShow: false,\r\n\r\n            count1: false,\r\n            count2: false\r\n        };\r\n    },\r\n    created() {},\r\n    methods: {\r\n        // 区域点击事件\r\n        regionHandle() {\r\n            this.count1 = !this.count1;\r\n\r\n            if (this.count1 == false) {\r\n                this.$refs.region.style.height = 50 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count1 == true) {\r\n                this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        },\r\n        // 断面点击事件\r\n        sectionHandle() {\r\n            this.count2 = !this.count2;\r\n            if (this.count2 == false) {\r\n                this.$refs.section.style.height = 50 + 'vh';\r\n                this.$refs.box.style.height = '100vh';\r\n            } else if (this.count2 == true) {\r\n                this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';\r\n                this.$refs.box.style.height = 'auto';\r\n            }\r\n        }\r\n    },\r\n    mounted() {}\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* .box{\r\n  overflow-y: scroll;\r\n} */\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    /* flex-wrap: wrap; */\r\n}\r\n.plate1,\r\n.plate2 {\r\n    width: 48%;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 100%;\r\n    border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 15px;\r\n    height: 450px;\r\n    position: relative;\r\n    transition: all 1s;\r\n    overflow: hidden;\r\n}\r\n\r\n/* .downUp{\r\n  height: 2000px !important;\r\n} */\r\n\r\n.dataBoard .board-title {\r\n    font-size: 17px;\r\n    font-weight: 400;\r\n    position: relative;\r\n    margin-bottom: 15px;\r\n    border-bottom: 1px solid #e4e7ed;\r\n}\r\n.dataBoard .board-title span {\r\n    padding: 5px 10px 5px 10px;\r\n    border-bottom: 1px solid #79b7f8;\r\n    /* display: block; */\r\n    display: inline-block;\r\n}\r\n\r\n.test-div i {\r\n    font-size: 25px;\r\n}\r\n\r\n.down {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n}\r\n\r\n.downPull {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 17px;\r\n    cursor: pointer;\r\n    background-size: 14px 9px;\r\n    background-image: url(../../assets/img/downpull.png);\r\n    width: 14px;\r\n    height: 9px;\r\n}\r\n\r\n.upActive {\r\n    transform: rotate(180deg);\r\n    transition: all 0.5s linear;\r\n    /* transform-origin: 7px 7px; */\r\n}\r\n.active {\r\n    transition: all 0.5s linear;\r\n}\r\n</style>"]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/b93ef8eb929b8dabccae63849b4b15cb.json b/node_modules/.cache/vue-loader/b93ef8eb929b8dabccae63849b4b15cb.json
index ca35ef43..9ce286da 100644
--- a/node_modules/.cache/vue-loader/b93ef8eb929b8dabccae63849b4b15cb.json
+++ b/node_modules/.cache/vue-loader/b93ef8eb929b8dabccae63849b4b15cb.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673580353838},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"content-box\" },\n    [\n      _c(\n        \"div\",\n        [\n          _c(\n            \"el-tabs\",\n            {\n              attrs: { type: \"border-card\" },\n              model: {\n                value: _vm.activeName,\n                callback: function($$v) {\n                  _vm.activeName = $$v\n                },\n                expression: \"activeName\"\n              }\n            },\n            [\n              _c(\"el-tab-pane\", { attrs: { label: \"xx路口\", name: \"first\" } }, [\n                _c(\"div\", { staticClass: \"mapModuleApp\" }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\",\n                      scrolling: \"no\"\n                    }\n                  })\n                ])\n              ]),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"数据看板\", name: \"second\" } },\n                [_c(\"dataBoard\", { attrs: { activeName: _vm.activeName } })],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析配置\", name: \"third\" } },\n                [_c(\"analysisConfiguration\")],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析状态\", name: \"fourth\" } },\n                [_c(\"editModal\")],\n                1\n              ),\n              _c(\"el-tab-pane\", { attrs: { label: \"存储\", name: \"five\" } }, [\n                _vm._v(\"存储\")\n              ])\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-drawer\",\n        {\n          directives: [\n            {\n              name: \"alterELDialogMarginTop\",\n              rawName: \"v-alterELDialogMarginTop\",\n              value: { marginTop: \"0vh\" },\n              expression: \"{marginTop:'0vh'}\"\n            }\n          ],\n          ref: \"drawer\",\n          staticClass: \"new-dialog\",\n          attrs: {\n            visible: _vm.dialogFormVisible,\n            direction: \"btt\",\n            \"custom-class\": \"demo-drawer\",\n            modal: false,\n            \"close-on-click-modal\": false,\n            customClass: \"customWidth\",\n            width: \"100%\",\n            wrapperClosable: false,\n            \"with-header\": false\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogFormVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"formBox\" },\n            [\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.form,\n                    \"label-width\": \"80px\",\n                    inline: true\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"组件名称\" } },\n                    [\n                      _c(\"el-input\", {\n                        model: {\n                          value: _vm.form.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"name\", $$v)\n                          },\n                          expression: \"form.name\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.form.type == \"断面\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"断面方向\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择类型\" },\n                              model: {\n                                value: _vm.form.Direction,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.form, \"Direction\", $$v)\n                                },\n                                expression: \"form.Direction\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"正向\", value: \"正向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"反向\", value: \"反向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"双向\", value: \"双向\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-form-item\",\n                    [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"primary\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.onSubmit(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"确认\")]\n                      ),\n                      _c(\n                        \"el-button\",\n                        {\n                          on: {\n                            click: function($event) {\n                              return _vm.closeFigure(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"取消\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ]\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: _vm.componentTitle + \"指标组件\",\n            width: \"40%\",\n            visible: _vm.component\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.component = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.componentForm, \"label-width\": \"150px\" },\n              on: {\n                close: function($event) {\n                  return _vm.closeComponentForm()\n                }\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"名称：\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.componentForm.componentName,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"componentName\", $$v)\n                      },\n                      expression: \"componentForm.componentName\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"类型\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"类型筛选：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          model: {\n                            value: _vm.componentForm.typeFiltering,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"typeFiltering\", $$v)\n                            },\n                            expression: \"componentForm.typeFiltering\"\n                          }\n                        },\n                        _vm._l(_vm.typeData, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            { key: item, attrs: { label: item } },\n                            [_vm._v(_vm._s(item))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"数值筛选：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        model: {\n                          value: _vm.componentForm.startValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"startValue\", $$v)\n                          },\n                          expression: \"componentForm.startValue\"\n                        }\n                      }),\n                      _c(\"el-input-number\", {\n                        staticStyle: { \"margin-left\": \"5%\" },\n                        model: {\n                          value: _vm.componentForm.endValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"endValue\", $$v)\n                          },\n                          expression: \"componentForm.endValue\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"时间模式：\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择时间模式\" },\n                      model: {\n                        value: _vm.componentForm.timeMode,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"timeMode\", $$v)\n                        },\n                        expression: \"componentForm.timeMode\"\n                      }\n                    },\n                    [\n                      _c(\"el-option\", {\n                        attrs: { label: \"触发\", value: \"touch\" }\n                      }),\n                      _vm.componentForm.componentType != \"排队数\" &&\n                      _vm.componentForm.componentType != \"检测数\" &&\n                      _vm.componentForm.componentType != \"延误\" &&\n                      _vm.componentForm.componentType != \"拥堵\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期时刻\", value: \"timeing\" }\n                          })\n                        : _vm._e(),\n                      _vm.componentForm.componentType != \"OD\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期统计\", value: \"date\" }\n                          })\n                        : _vm._e()\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"周期间隔：\" } },\n                [\n                  _c(\"el-slider\", {\n                    model: {\n                      value: _vm.componentForm.cycleInterval,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"cycleInterval\", $$v)\n                      },\n                      expression: \"componentForm.cycleInterval\"\n                    }\n                  }),\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择单位\" },\n                      model: {\n                        value: _vm.componentForm.company,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"company\", $$v)\n                        },\n                        expression: \"componentForm.company\"\n                      }\n                    },\n                    _vm._l(_vm.timeSelect, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"起点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedStartSection },\n                          model: {\n                            value: _vm.componentForm.startSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"startSection\", $$v)\n                            },\n                            expression: \"componentForm.startSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"终点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedendSection },\n                          model: {\n                            value: _vm.componentForm.endSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"endSection\", $$v)\n                            },\n                            expression: \"componentForm.endSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"展现形式：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handlePresentation },\n                          model: {\n                            value: _vm.componentForm.presentation,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"presentation\", $$v)\n                            },\n                            expression: \"componentForm.presentation\"\n                          }\n                        },\n                        [\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"数值\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"表格\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"时间曲线图\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"直方图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"饼状图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"均值图\", name: \"type\" }\n                              })\n                            : _vm._e()\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.onSubmitComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          return _vm.closeComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue?vue&type=template&id=a83bd3b0&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\index.vue","mtime":1673601263628},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"content-box\" },\n    [\n      _c(\n        \"div\",\n        [\n          _c(\n            \"el-tabs\",\n            {\n              attrs: { type: \"border-card\" },\n              model: {\n                value: _vm.activeName,\n                callback: function($$v) {\n                  _vm.activeName = $$v\n                },\n                expression: \"activeName\"\n              }\n            },\n            [\n              _c(\"el-tab-pane\", { attrs: { label: \"xx路口\", name: \"first\" } }, [\n                _c(\"div\", { staticClass: \"mapModuleApp\" }, [\n                  _c(\"iframe\", {\n                    staticStyle: { width: \"100%\", height: \"100%\" },\n                    attrs: {\n                      id: \"mapModule\",\n                      src: \"./VideoWeb/index.html\",\n                      frameborder: \"0\",\n                      scrolling: \"no\"\n                    }\n                  })\n                ])\n              ]),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"数据看板\", name: \"second\" } },\n                [_c(\"dataBoard\", { attrs: { activeName: _vm.activeName } })],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析配置\", name: \"third\" } },\n                [\n                  _c(\"analysisConfiguration\", {\n                    attrs: {\n                      analysisConfigurationdata: _vm.analysisConfigurationdata\n                    }\n                  })\n                ],\n                1\n              ),\n              _c(\n                \"el-tab-pane\",\n                { attrs: { label: \"分析状态\", name: \"fourth\" } },\n                [_c(\"editModal\")],\n                1\n              ),\n              _c(\"el-tab-pane\", { attrs: { label: \"存储\", name: \"five\" } }, [\n                _vm._v(\"存储\")\n              ])\n            ],\n            1\n          )\n        ],\n        1\n      ),\n      _c(\n        \"el-drawer\",\n        {\n          directives: [\n            {\n              name: \"alterELDialogMarginTop\",\n              rawName: \"v-alterELDialogMarginTop\",\n              value: { marginTop: \"0vh\" },\n              expression: \"{marginTop:'0vh'}\"\n            }\n          ],\n          ref: \"drawer\",\n          staticClass: \"new-dialog\",\n          attrs: {\n            visible: _vm.dialogFormVisible,\n            direction: \"btt\",\n            \"custom-class\": \"demo-drawer\",\n            modal: false,\n            \"close-on-click-modal\": false,\n            customClass: \"customWidth\",\n            width: \"100%\",\n            wrapperClosable: false,\n            \"with-header\": false\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.dialogFormVisible = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"div\",\n            { staticClass: \"formBox\" },\n            [\n              _c(\n                \"el-form\",\n                {\n                  ref: \"form\",\n                  attrs: {\n                    model: _vm.form,\n                    \"label-width\": \"80px\",\n                    inline: true\n                  }\n                },\n                [\n                  _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"组件名称\" } },\n                    [\n                      _c(\"el-input\", {\n                        model: {\n                          value: _vm.form.name,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"name\", $$v)\n                          },\n                          expression: \"form.name\"\n                        }\n                      })\n                    ],\n                    1\n                  ),\n                  _vm.form.type == \"断面\"\n                    ? _c(\n                        \"el-form-item\",\n                        { attrs: { label: \"断面方向\" } },\n                        [\n                          _c(\n                            \"el-select\",\n                            {\n                              attrs: { placeholder: \"请选择类型\" },\n                              model: {\n                                value: _vm.form.Direction,\n                                callback: function($$v) {\n                                  _vm.$set(_vm.form, \"Direction\", $$v)\n                                },\n                                expression: \"form.Direction\"\n                              }\n                            },\n                            [\n                              _c(\"el-option\", {\n                                attrs: { label: \"正向\", value: \"正向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"反向\", value: \"反向\" }\n                              }),\n                              _c(\"el-option\", {\n                                attrs: { label: \"双向\", value: \"双向\" }\n                              })\n                            ],\n                            1\n                          )\n                        ],\n                        1\n                      )\n                    : _vm._e(),\n                  _c(\n                    \"el-form-item\",\n                    [\n                      _c(\n                        \"el-button\",\n                        {\n                          attrs: { type: \"primary\" },\n                          on: {\n                            click: function($event) {\n                              return _vm.onSubmit(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"确认\")]\n                      ),\n                      _c(\n                        \"el-button\",\n                        {\n                          on: {\n                            click: function($event) {\n                              return _vm.closeFigure(_vm.form)\n                            }\n                          }\n                        },\n                        [_vm._v(\"取消\")]\n                      )\n                    ],\n                    1\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ]\n      ),\n      _c(\n        \"el-dialog\",\n        {\n          attrs: {\n            title: _vm.componentTitle + \"指标组件\",\n            width: \"40%\",\n            visible: _vm.component\n          },\n          on: {\n            \"update:visible\": function($event) {\n              _vm.component = $event\n            }\n          }\n        },\n        [\n          _c(\n            \"el-form\",\n            {\n              ref: \"form\",\n              attrs: { model: _vm.componentForm, \"label-width\": \"150px\" },\n              on: {\n                close: function($event) {\n                  return _vm.closeComponentForm()\n                }\n              }\n            },\n            [\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"名称：\" } },\n                [\n                  _c(\"el-input\", {\n                    model: {\n                      value: _vm.componentForm.componentName,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"componentName\", $$v)\n                      },\n                      expression: \"componentForm.componentName\"\n                    }\n                  })\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"类型\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"类型筛选：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          model: {\n                            value: _vm.componentForm.typeFiltering,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"typeFiltering\", $$v)\n                            },\n                            expression: \"componentForm.typeFiltering\"\n                          }\n                        },\n                        _vm._l(_vm.typeData, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            { key: item, attrs: { label: item } },\n                            [_vm._v(_vm._s(item))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"数值筛选：\" } },\n                    [\n                      _c(\"el-input-number\", {\n                        model: {\n                          value: _vm.componentForm.startValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"startValue\", $$v)\n                          },\n                          expression: \"componentForm.startValue\"\n                        }\n                      }),\n                      _c(\"el-input-number\", {\n                        staticStyle: { \"margin-left\": \"5%\" },\n                        model: {\n                          value: _vm.componentForm.endValue,\n                          callback: function($$v) {\n                            _vm.$set(_vm.componentForm, \"endValue\", $$v)\n                          },\n                          expression: \"componentForm.endValue\"\n                        }\n                      })\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"时间模式：\" } },\n                [\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择时间模式\" },\n                      model: {\n                        value: _vm.componentForm.timeMode,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"timeMode\", $$v)\n                        },\n                        expression: \"componentForm.timeMode\"\n                      }\n                    },\n                    [\n                      _c(\"el-option\", {\n                        attrs: { label: \"触发\", value: \"touch\" }\n                      }),\n                      _vm.componentForm.componentType != \"排队数\" &&\n                      _vm.componentForm.componentType != \"检测数\" &&\n                      _vm.componentForm.componentType != \"延误\" &&\n                      _vm.componentForm.componentType != \"拥堵\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期时刻\", value: \"timeing\" }\n                          })\n                        : _vm._e(),\n                      _vm.componentForm.componentType != \"OD\"\n                        ? _c(\"el-option\", {\n                            attrs: { label: \"周期统计\", value: \"date\" }\n                          })\n                        : _vm._e()\n                    ],\n                    1\n                  )\n                ],\n                1\n              ),\n              _c(\n                \"el-form-item\",\n                { attrs: { label: \"周期间隔：\" } },\n                [\n                  _c(\"el-slider\", {\n                    model: {\n                      value: _vm.componentForm.cycleInterval,\n                      callback: function($$v) {\n                        _vm.$set(_vm.componentForm, \"cycleInterval\", $$v)\n                      },\n                      expression: \"componentForm.cycleInterval\"\n                    }\n                  }),\n                  _c(\n                    \"el-select\",\n                    {\n                      attrs: { placeholder: \"请选择单位\" },\n                      model: {\n                        value: _vm.componentForm.company,\n                        callback: function($$v) {\n                          _vm.$set(_vm.componentForm, \"company\", $$v)\n                        },\n                        expression: \"componentForm.company\"\n                      }\n                    },\n                    _vm._l(_vm.timeSelect, function(item) {\n                      return _c(\"el-option\", {\n                        key: item.value,\n                        attrs: { label: item.label, value: item.value }\n                      })\n                    }),\n                    1\n                  )\n                ],\n                1\n              ),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"起点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedStartSection },\n                          model: {\n                            value: _vm.componentForm.startSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"startSection\", $$v)\n                            },\n                            expression: \"componentForm.startSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType == \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"终点：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handleCheckedendSection },\n                          model: {\n                            value: _vm.componentForm.endSection,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"endSection\", $$v)\n                            },\n                            expression: \"componentForm.endSection\"\n                          }\n                        },\n                        _vm._l(_vm.sectionals, function(item) {\n                          return _c(\n                            \"el-checkbox\",\n                            {\n                              key: item.graphicId,\n                              attrs: { label: item.graphicName }\n                            },\n                            [_vm._v(_vm._s(item.graphicName))]\n                          )\n                        }),\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.componentForm.componentType != \"OD\"\n                ? _c(\n                    \"el-form-item\",\n                    { attrs: { label: \"展现形式：\" } },\n                    [\n                      _c(\n                        \"el-checkbox-group\",\n                        {\n                          on: { change: _vm.handlePresentation },\n                          model: {\n                            value: _vm.componentForm.presentation,\n                            callback: function($$v) {\n                              _vm.$set(_vm.componentForm, \"presentation\", $$v)\n                            },\n                            expression: \"componentForm.presentation\"\n                          }\n                        },\n                        [\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"数值\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"表格\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _c(\"el-checkbox\", {\n                            attrs: { label: \"时间曲线图\", name: \"type\" }\n                          }),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"直方图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType == \"类型\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"饼状图\", name: \"type\" }\n                              })\n                            : _vm._e(),\n                          _vm.componentForm.componentType != \"拥堵\"\n                            ? _c(\"el-checkbox\", {\n                                attrs: { label: \"均值图\", name: \"type\" }\n                              })\n                            : _vm._e()\n                        ],\n                        1\n                      )\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _c(\n                \"el-form-item\",\n                [\n                  _c(\n                    \"el-button\",\n                    {\n                      attrs: { type: \"primary\" },\n                      on: {\n                        click: function($event) {\n                          return _vm.onSubmitComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"确认\")]\n                  ),\n                  _c(\n                    \"el-button\",\n                    {\n                      on: {\n                        click: function($event) {\n                          return _vm.closeComponent(_vm.componentForm)\n                        }\n                      }\n                    },\n                    [_vm._v(\"取消\")]\n                  )\n                ],\n                1\n              )\n            ],\n            1\n          )\n        ],\n        1\n      )\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/c48f81b2a4c0a569b0a23e86e4fb22f2.json b/node_modules/.cache/vue-loader/c48f81b2a4c0a569b0a23e86e4fb22f2.json
new file mode 100644
index 00000000..1f405f4e
--- /dev/null
+++ b/node_modules/.cache/vue-loader/c48f81b2a4c0a569b0a23e86e4fb22f2.json
@@ -0,0 +1 @@
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\bounced\\analysisConfiguration.vue","mtime":1673601263627},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1673232709513},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n",{"version":3,"sources":["analysisConfiguration.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+cA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"analysisConfiguration.vue","sourceRoot":"src/views/bounced","sourcesContent":["<template>\r\n    <div class=\"analysis\">\r\n            <div class=\"top\" style=\"margin-top:10px\">\r\n                <div class=\"section\">\r\n                    <el-form :inline=\"true\" v-if=\"false\" :model=\"formInline\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <div class=\"warning\">\r\n                            <p class=\"board-title\">自动保存</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >自动保存可以使系统在异常关闭后自动恢复。在这种情况下，缓存数据将会丢失，但所有存储数据将被保存。\r\n                        </div>\r\n                        <el-form-item label=\"自动保存：\">\r\n                            <el-switch v-model=\"formInline.user\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"时间间隔：\">\r\n                            <el-select v-model=\"formInline.region\" placeholder=\"时间间隔\">\r\n                                <el-option label=\"20s\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"30s\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <el-form ref=\"form\" :model=\"sizeForm\" label-width=\"fit-content\" style=\"margin-top:15px\">\r\n                        <div class=\"warning\" v-if=\"false\">\r\n                          <p class=\"board-title\">重置分析</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>重置分析将删除所有累计的轨迹数据\r\n                        </div>\r\n                        <!-- <el-form-item > -->\r\n                        <el-button v-if=\"false\" type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">重置</el-button>\r\n                        <div class=\"warning\" style=\"margin-top:15px\" @click=\"handleContent('postion')\">\r\n                            <i :class=\"contentShow.postion==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                            <p class=\"board-title\">相机位置</p>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i> 在 WGS84 坐标系中输入相机位置\r\n                        </div>\r\n                        <el-form-item label=\"相机位置：\" v-if=\"contentShow.postion\">\r\n                            <el-input v-model=\"sizeForm.longitude\" size=\"small\" style=\"width: 150px\" placeholder=\"经度\"></el-input>\r\n                            <el-input v-model=\"sizeForm.latitude\" size=\"small\" style=\"width: 150px; margin-left: 20px\" placeholder=\"纬度\"></el-input>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.postion\">\r\n                        <el-button type=\"primary\" @click=\"handSaveitude()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('coordinate')\">\r\n                        <i :class=\"contentShow.coordinate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                        <p class=\"board-title\">坐标转换</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >通过将图像坐标系转换为物理坐标系，地理参考使您能够将像素测量转换为真实速度和距离。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"coordinateForm\" label-width=\"fit-content\" v-if=\"contentShow.coordinate\">\r\n                        <!-- <el-form-item label=\"坐标转换开关：\">\r\n                            <el-switch v-model=\"coordinateForm.coordinateClose\"></el-switch>\r\n                        </el-form-item> -->\r\n                        <el-form-item label=\"UTM区：\"  class=\"otherThings\">\r\n                                <el-input-number v-model=\"coordinateForm.num\" controls-position=\"right\" :precision=\"0\"  size=\"small\" :min=\"1\" :max=\"60\"></el-input-number>\r\n                                <div class=\"warning\" style=\"margin:0px\">\r\n                                    <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                                    >地理参照允许测量物理速度和静态图像源的距离,值范围1-60。\r\n                                </div>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"半球：\" >\r\n                          <el-select size=\"small\" v-model=\"coordinateForm.value\" placeholder=\"请选择\">\r\n                              <el-option\r\n                                v-for=\"(item) in options\"\r\n                                :key=\"item.value\"\r\n                                :label=\"item.label\"\r\n                                :value=\"item.value\">\r\n                              </el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"坐标转换：\" >\r\n                            <el-radio-group v-model=\"coordinateForm.coordinateTransformation\">\r\n                                <el-radio label=\"WGS-84坐标系\"></el-radio>\r\n                                <el-radio label=\"其他\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 702px; margin-bottom: 10px\" >\r\n                            <iframe\r\n                                ref=\"analysisWeb\"\r\n                                src=\"./analysisWeb/index.html\"\r\n                                frameborder=\"0\"\r\n                                style=\"width: 100%; height: 100%\"\r\n                            ></iframe>\r\n                        </div>\r\n                        <div class=\"warning\">\r\n                            <el-button\r\n                                size=\"mini\"\r\n                                type=\"primary\"\r\n                                style=\"color: #fffff\"\r\n                                @click=\"dialogVisible = true\"\r\n                                >新增点\r\n                            </el-button>\r\n                            <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                            >请至少配置4个点，不满足4个点会没有数据。\r\n                        </div>\r\n                        <el-table border :data=\"coordinateTableData\" >\r\n                            <template slot=\"empty\">\r\n                              <el-empty :image-size=\"100\" description='暂无数据'></el-empty>\r\n                            </template>\r\n                            <el-table-column prop=\"pointName\" label=\"点名称\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.pointName\" maxlength=\"30\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"longitude\" label=\"经度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\"  v-model=\"scope.row.longitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"latitude\" label=\"纬度\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input :disabled=\"scope.row.btnShow == '1'?true:false\" v-model=\"scope.row.latitude\" maxlength=\"20\" placeholder=\"请输入\" />\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-if=\"scope.row.btnShow == '1'?true:false\"\r\n                                        @click=\"handleExit(scope.row,scope.$index)\"\r\n                                        >编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        v-else\r\n                                        @click=\"handleconfirm(scope.row,scope.$index)\"\r\n                                        >确认编辑\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDeleteDian(scope.row)\"\r\n                                        >删除\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                :disabled=\"coordinateTableData.length<4\"\r\n                                @click=\"handlePos()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                        <p class=\"board-title\">车道识别配置</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>在视频/动图上设置进口出口道\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"laneform\" label-width=\"350px\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n                        <el-form-item label=\"车道识别配置开关：\" label-width=\"150px\">\r\n                            <el-switch v-model=\"laneform.laneClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"laneform.laneClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-form-item label=\"各车道中心线（区域检测器）：\" style=\"width: 300px\" v-if=\"laneform.laneClose == true\">\r\n                            <el-switch v-model=\"laneform.areaDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"自动识别各车道中心点坐标（断面检测器）：\"\r\n                            style=\"width: 300px\"\r\n                            v-if=\"laneform.laneClose == true\"\r\n                        >\r\n                            <el-switch v-model=\"laneform.sectionDetector\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\" v-if=\"laneform.laneClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">识别区域</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >您可以自定义进行视频分析的区域，区域之外的部分将被忽略。此功能可以帮助您检测和跟踪高分辨率视频特定部分的较小对象，实现检测器的数字变焦功能。\r\n                    </div>\r\n                    \r\n\r\n                    <el-form ref=\"form\" :model=\"identificationAreaform\" label-width=\"fit-content\">\r\n                        <!-- <p>车道识别配置</p> -->\r\n\r\n                        <el-form-item label=\"识别区域开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"identificationAreaform.identificationAreaClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <div style=\"width: 100%; height: 400px\" v-if=\"identificationAreaform.identificationAreaClose == true\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"identificationAreaform.identificationAreaClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">轨迹平滑</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >为轨迹预测滤波算法定义细化轨迹的时间窗口。数值越小，延迟越小，适用于实时性要求高的场景；数值越大，轨迹的连续性越好，目标即使越过一些障碍也不容易丢失。\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"trajectorySmoothingform\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"轨迹平滑开关：\" style=\"width: 250px\">\r\n                            <el-switch v-model=\"trajectorySmoothingform.trajectorySmoothingClose\"></el-switch>\r\n                        </el-form-item>\r\n                        <el-form-item\r\n                            label=\"预测滤波时间：\"\r\n                            style=\"width: 250px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                        >\r\n                            <el-input-number\r\n                                v-model=\"trajectorySmoothingform.time\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"预测滤波时间\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-button\r\n                            type=\"primary\"\r\n                            @click=\"handleagain()\"\r\n                            size=\"small\"\r\n                            style=\"width: 150px\"\r\n                            v-if=\"trajectorySmoothingform.trajectorySmoothingClose == true\"\r\n                            >保存</el-button\r\n                        >\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('plate')\">\r\n                      <i :class=\"contentShow.plate==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">车牌识别</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >车牌识别开关。牌照信息表示与目标属性。（断面号牌，与断面设置关联）\r\n                    </div>\r\n                    <el-form ref=\"form\" :model=\"licensePlateform\" label-width=\"fit-content\" v-if=\"contentShow.plate\">\r\n                        <el-form-item label=\"车牌识别开关：\">\r\n                            <el-switch v-model=\"licensePlateform.licensePlateClose\" active-value=\"1\" inactive-value=\"0\" @change=\"changeChepai($event)\"></el-switch>\r\n                        </el-form-item>\r\n                        <!-- <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <div style=\"width: 100%; height: 400px; margin-bottom: 10px\" v-if=\"false\">\r\n                            <iframe id=\"mapModule\" src=\"./VideoWeb/index.html\" frameborder=\"0\" style=\"width: 100%; height: 100%\"></iframe>\r\n                        </div>\r\n                        <!-- <el-table border :data=\"licensePlateTableData\" v-if=\"licensePlateform.licensePlateClose == true\"> -->\r\n                        <el-table border :data=\"licensePlateTableData\" v-if=\"false\">\r\n                            <el-table-column prop=\"sectionPlate\" label=\"断面号牌\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        v-model=\"scope.row.sectionPlate\"\r\n                                        maxlength=\"30\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.sectionPlate\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"setAssociation\" label=\"断面设置关联：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.setAssociation\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.setAssociation\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column prop=\"thresholdValue\" label=\"车牌匹配阈值：\" align=\"center\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-input\r\n                                        v-if=\"scope.row.isEdit\"\r\n                                        v-model=\"scope.row.thresholdValue\"\r\n                                        maxlength=\"20\"\r\n                                        placeholder=\"Required\"\r\n                                    />\r\n                                    <span v-else v-text=\"scope.row.thresholdValue\"></span>\r\n                                </template>\r\n                            </el-table-column>\r\n                            <el-table-column label=\"操作：\" align=\"center\" class-name=\"small-padding fixed-width\">\r\n                                <template slot-scope=\"scope\">\r\n                                    <el-button\r\n                                        v-if=\"scope.$index === 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleAdd(scope.row)\"\r\n                                        >Add\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #2090c1\"\r\n                                        @click=\"handleUpdate(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Apply' : 'Edit' }}\r\n                                    </el-button>\r\n                                    <el-button\r\n                                        v-if=\"scope.$index !== 0\"\r\n                                        size=\"mini\"\r\n                                        type=\"text\"\r\n                                        style=\"color: #f56c6c\"\r\n                                        @click=\"handleDelete(scope.row)\"\r\n                                        >{{ scope.row.isEdit ? 'Cancel' : 'Delete' }}\r\n                                    </el-button>\r\n                                </template>\r\n                            </el-table-column>\r\n                        </el-table>\r\n                        <div style=\"margin-top: 15px\" v-if=\"false\">\r\n                            <el-button\r\n                                type=\"primary\"\r\n                                @click=\"handleagain()\"\r\n                                size=\"small\"\r\n                                style=\"width: 150px\"\r\n                                v-if=\"licensePlateform.licensePlateClose == true\"\r\n                                >保存</el-button\r\n                            >\r\n                        </div>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\" @click=\"handleContent('parking')\">\r\n                      <i :class=\"contentShow.parking==false?'el-icon-arrow-right':'el-icon-arrow-down'\" style=\"font-weight: 600;font-size: 18px;margin-right: 5px;\" ></i>\r\n                      <p class=\"board-title\">停车状态</p>\r\n                        <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i\r\n                        >位移、速度，例如位移＜δ，速度＜v，则判断车辆停车\r\n                    </div>\r\n                    <el-form :inline=\"true\" :model=\"stopStateform\" class=\"demo-form-inline\" label-width=\"fit-content\" v-if=\"contentShow.parking\">\r\n                        <el-form-item label=\"位移：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.displacement\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"位移\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"速度：\" style=\"margin-right:10px\">\r\n                            <el-input-number\r\n                                v-model=\"stopStateform.speed\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"0\"\r\n                                :max=\"3000\"\r\n                                label=\"速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"加速度：\" v-if=\"false\"> \r\n                            <el-input-number\r\n                                v-model=\"stopStateform.acceleration\"\r\n                                @change=\"handleChange\"\r\n                                :min=\"2000\"\r\n                                :max=\"3000\"\r\n                                label=\"加速度\"\r\n                            ></el-input-number>\r\n                        </el-form-item>\r\n                    </el-form>\r\n                    <div style=\"margin-top: 15px\" v-if=\"contentShow.parking\">\r\n                        <el-button type=\"primary\" @click=\"handleParking()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"dataBoard\" v-if=\"false\">\r\n                <div class=\"section\">\r\n                    <div class=\"warning\">\r\n                      <p class=\"board-title\">通信设置</p>\r\n                              <i class=\"el-icon-warning\" style=\"color: #409eff; margin: 0 3px 0 10px\"></i>更新频率可以根据链路带宽进行设置。\r\n                    </div>\r\n                    <el-form :model=\"communicationform\" class=\"demo-form-inline\" label-width=\"fit-content\">\r\n                        <el-form-item label=\"更新频率：\">\r\n                            <el-input v-model=\"communicationform.renewalFrequency\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        \r\n                        <el-form-item label=\"类型：\" style=\"display:flex\">\r\n                            <el-radio-group v-model=\"communicationform.type\">\r\n                                <el-radio label=\"快速-用于高带宽连接\"></el-radio>\r\n                                <el-radio label=\"平衡-适用于大多数连接\"></el-radio>\r\n                                <el-radio label=\"慢速-用于低带宽连接\"></el-radio>\r\n                                <el-radio label=\"自定义\"></el-radio>\r\n                            </el-radio-group>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求轻型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"请求重型有效载荷：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>ms\r\n                        </el-form-item>\r\n                        <el-form-item label=\"FPS分配器：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px; margin-bottom: 20px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"框架决议：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"框架决议\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"自动\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩格式：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-select v-model=\"communicationform.region\" placeholder=\"压缩格式\" style=\"margin-bottom: 20px\">\r\n                                <el-option label=\"JPG\" value=\"shanghai\"></el-option>\r\n                                <el-option label=\"区域二\" value=\"beijing\"></el-option>\r\n                            </el-select>\r\n                        </el-form-item>\r\n                        <el-form-item label=\"压缩率：\" v-if=\"communicationform.type == '自定义'\">\r\n                            <el-input v-model=\"communicationform.name\" style=\"width: 200px\"></el-input>\r\n                        </el-form-item>\r\n                        <el-button type=\"primary\" @click=\"handleagain()\" size=\"small\" style=\"width: 150px\">保存</el-button>\r\n                    </el-form>\r\n                </div>\r\n            </div>\r\n            <el-dialog\r\n              title=\"新增点\"\r\n              :visible.sync=\"dialogVisible\"\r\n              width=\"30%\"\r\n              :before-close=\"handleClose\">\r\n              <el-form ref=\"addform\" :rules=\"formRules\"  :model=\"addDianForm\" label-position=\"left\" label-width=\"85px\">\r\n                  <el-form-item label=\"点名称：\" prop=\"pointName\" style=\"margin-bottom:15px\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.pointName\" placeholder=\"请输入点名称\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"经度：\" style=\"margin-bottom:15px\" prop=\"longitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.longitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入经度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n                  <el-form-item label=\"纬度：\" prop=\"latitude\">\r\n                    <el-col :span=\"16\">\r\n                      <el-input v-model=\"addDianForm.latitude\" oninput =\"value=value.replace(/[^0-9.]/g,'')\"  placeholder=\"请输入纬度\"></el-input>\r\n                    </el-col>\r\n                  </el-form-item>\r\n              </el-form>\r\n              <span slot=\"footer\" class=\"dialog-footer\">\r\n                <el-button @click=\"dialogVisible = false\">取 消</el-button>\r\n                <el-button type=\"primary\" @click=\"handleDian('addform')\">确 定</el-button>\r\n              </span>\r\n            </el-dialog>\r\n    </div>\r\n</template>\r\n  \r\n  <script>\r\nimport mqtt from 'mqtt'; // mqtt协议\r\nimport {getFeixpz,setCameraPosition,setLicensePlate,setParkingStatus,setFeixzbzh} from \"@/api/index\";\r\nexport default {\r\n    data() {\r\n        return {\r\n            oldName:'',\r\n          formRules:{\r\n            pointName: [\r\n              { required: true, message: '请输入点名称', trigger: 'blur' },\r\n            ],\r\n            longitude: [\r\n              { required: true, message: '请输入经度', trigger: 'blur' },\r\n            ],\r\n            latitude: [\r\n              { required: true, message: '请输入纬度', trigger: 'blur' },\r\n            ],\r\n          },\r\n          addDianForm:{\r\n            pointName:'',\r\n            longitude:\"\",\r\n            latitude:''\r\n          },\r\n          dialogVisible: false,\r\n          coordinateTransformationId:'',\r\n          AnalysisSettingId:'',\r\n          contentShow:{\r\n            postion:true,\r\n            coordinate:false,\r\n            plate:true,\r\n            parking:true\r\n          },\r\n            sizeForm: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: '',\r\n                longitude:'',\r\n                latitude:''\r\n            },\r\n            formInline: {\r\n                user: '',\r\n                region: ''\r\n            },\r\n            //最上部表单\r\n            topForm: {},\r\n            //坐标转换\r\n            coordinateForm: {\r\n                coordinateClose: false,\r\n                model: 'Georeferencing',\r\n                coordinateTransformation: '84坐标系',\r\n                value: '0',\r\n                num: 1\r\n            },\r\n            options: [{\r\n              value: '南',\r\n              label: '南'\r\n            }, {\r\n              value: '北',\r\n              label: '北'\r\n            }],\r\n            coordinateTableData: [\r\n                {\r\n                    name: '11',\r\n                    longitude: '111',\r\n                    inIp: '01',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '22',\r\n                    longitude: '222',\r\n                    inIp: '02',\r\n                    latitude: ''\r\n                },\r\n                {\r\n                    name: '33',\r\n                    longitude: '333',\r\n                    inIp: '03',\r\n                    latitude: ''\r\n                }\r\n            ],\r\n            //车道识别配置\r\n            laneform: {\r\n                laneClose: false,\r\n                areaDetector: false,\r\n                sectionDetector: false\r\n            },\r\n            //识别区域\r\n            identificationAreaform: {\r\n                identificationAreaClose: false\r\n            },\r\n            //轨迹平滑\r\n            trajectorySmoothingform: {\r\n                trajectorySmoothingClose: false,\r\n                time: ''\r\n            },\r\n            // 车牌识别\r\n            licensePlateform: {\r\n                licensePlateClose: 0\r\n            },\r\n            licensePlateTableData: [\r\n                {\r\n                    thresholdValue: '11',\r\n                    sectionPlate: '111',\r\n                    inIp: '01',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '22',\r\n                    sectionPlate: '222',\r\n                    inIp: '02',\r\n                    setAssociation: ''\r\n                },\r\n                {\r\n                    thresholdValue: '33',\r\n                    sectionPlate: '333',\r\n                    inIp: '03',\r\n                    setAssociation: ''\r\n                }\r\n            ],\r\n            //停车状态\r\n            stopStateform: {\r\n                displacement: '2000',\r\n                speed: '2000',\r\n                acceleration: '2000'\r\n            },\r\n            //通信设置\r\n            communicationform: {\r\n                type: '快速-用于高带宽连接',\r\n                renewalFrequency: ''\r\n            },\r\n            form: {\r\n                name: '',\r\n                region: '',\r\n                date1: '',\r\n                date2: '',\r\n                delivery: false,\r\n                type: [],\r\n                resource: '',\r\n                desc: ''\r\n            },\r\n            tableData: [\r\n                {\r\n                    name: '11',\r\n                    inPort: '111',\r\n                    inIp: '01'\r\n                },\r\n                {\r\n                    name: '22',\r\n                    inPort: '222',\r\n                    inIp: '02'\r\n                },\r\n                {\r\n                    name: '33',\r\n                    inPort: '333',\r\n                    inIp: '03'\r\n                }\r\n            ],\r\n            internalIpList: [],\r\n            fileList: []\r\n        };\r\n    },\r\n    created() {\r\n        //    this.getDataByMqtt()\r\n        //  this.testMqtt()\r\n        //  var iframe = document.getElementById(\"mapModule\");\r\n        // iframe.onload = function () {\r\n        //     setTimeout(() => {\r\n        //         this.testMqtt()\r\n        //     }, 5000);\r\n        // };\r\n        //     iframe.onload = () => {\r\n        // setTimeout(() => {\r\n        //             this.load()\r\n        //         }, 5000);// 这样每次都会触发\r\n        // }\r\n        getFeixpz({VideoId:this.$route.query.id}).then(res=>{\r\n            this.sizeForm.longitude = res.data.data.cameraPositionLongitude\r\n            this.sizeForm.latitude = res.data.data.cameraPositionLatitude\r\n            this.coordinateForm.num = res.data.data.utmArea=='-1'?'':res.data.data.utmArea\r\n            this.coordinateForm.value = res.data.data.hemisphere\r\n            this.coordinateForm.coordinateTransformation = res.data.data.coordinateTransformation\r\n            this.coordinateTableData = res.data.data.pointData!=null?res.data.data.pointData:[]\r\n            this.licensePlateform.licensePlateClose = res.data.data.licensePlateRecognitionSwitch\r\n            this.stopStateform.displacement = res.data.data.parkingDisplacement\r\n            this.stopStateform.speed = res.data.data.parkingSpeed\r\n            this.AnalysisSettingId = res.data.data.analysisSettingId\r\n            this.coordinateTransformationId = res.data.data.coordinateTransformationId\r\n            this.coordinateTableData.forEach(item=>{\r\n                item.btnShow='1'\r\n            })\r\n        })\r\n        \r\n    },\r\n    mounted(){\r\n        window.OnSceneload = this.OnSceneload;\r\n        window.saveCoordinate = this.saveCoordinate;\r\n    },\r\n    methods: {\r\n        saveCoordinate(obj){\r\n            console.log(obj);\r\n            this.coordinateTableData.forEach(item=>{\r\n                if(item.pointName == obj.pointName){\r\n                    item.imageXCoordinate=obj.imageXCoordinate\r\n                    item.imageYCoordinate=obj.imageYCoordinate\r\n                }\r\n            })\r\n        },\r\n        handleExit(row,index){\r\n            this.oldName = row.pointName\r\n            this.$refs.analysisWeb.contentWindow.exitPoint(row.pointName)\r\n            this.coordinateTableData.forEach((item,index)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '2'\r\n                    this.$set(this.coordinateTableData,index,item)\r\n                }\r\n            })\r\n        },\r\n        handleconfirm(row,index){\r\n            var string = this.oldName+','+row.pointName\r\n            this.$refs.analysisWeb.contentWindow.saveDian(string)\r\n            this.coordinateTableData.forEach((item,indexnew)=>{\r\n                if(row.pointName == item.pointName){\r\n                    item.btnShow = '1'\r\n                    this.$set(this.coordinateTableData,indexnew,item)\r\n                }\r\n            })\r\n           \r\n        },\r\n        OnSceneload(){\r\n            this.$refs.analysisWeb.contentWindow.getDianwei(this.$route.query.id)\r\n        },\r\n      handleDeleteDian(row){\r\n        this.$confirm('此操作将删除该点位, 是否继续?', '提示', {\r\n          confirmButtonText: '确定',\r\n          cancelButtonText: '取消',\r\n          type: 'warning'\r\n        }).then(() => {\r\n          this.coordinateTableData = this.coordinateTableData.filter(item => item.pointName!=row.pointName )\r\n          this.$refs.analysisWeb.contentWindow.deletePoint(row.pointName)\r\n          this.$message({\r\n            type: 'success',\r\n            message: '删除成功!'\r\n          });\r\n        }).catch(() => {\r\n          this.$message({\r\n            type: 'info',\r\n            message: '已取消删除'\r\n          });          \r\n        });\r\n      },\r\n      handleDian(formName){\r\n        this.$refs[formName].validate((valid) => {\r\n          if (valid) {\r\n            console.log(this.addDianForm,'addDianForm,,,');\r\n            this.addDianForm.btnShow = '2'\r\n            this.oldName = this.addDianForm.pointName\r\n            this.coordinateTableData.unshift(this.addDianForm)\r\n            this.dialogVisible = false\r\n            this.$refs.analysisWeb.contentWindow.setPOS(this.addDianForm.pointName)\r\n            this.addDianForm={}\r\n          } else {\r\n            return false;\r\n          }\r\n        });\r\n      },\r\n      handleClose(done) {\r\n        this.$confirm('确认关闭？')\r\n          .then(_ => {\r\n            done();\r\n          })\r\n          .catch(_ => {});\r\n      },\r\n      // 坐标转换接口\r\n      handlePos(){\r\n        let params = {\r\n          CoordinateTransformationId:this.coordinateTransformationId,\r\n          UTMArea:this.coordinateForm.num==''?'-1':this.coordinateForm.num,\r\n          Hemisphere:this.coordinateForm.value,\r\n          CoordinateTransformation:this.coordinateForm.coordinateTransformation,\r\n          PointData:this.coordinateTableData\r\n        }\r\n        \r\n        setFeixzbzh(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 停车状态\r\n      handleParking(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('ParkingDisplacement',this.stopStateform.displacement)\r\n        params.append('ParkingSpeed',this.stopStateform.speed)\r\n        setParkingStatus(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 车牌识别\r\n      changeChepai(val){\r\n        console.log(val,'val111');\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('LicensePlateRecognitionSwitch',val)\r\n        setLicensePlate(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 经纬度保存\r\n      handSaveitude(){\r\n        const params = new URLSearchParams();\r\n        params.append('AnalysisSettingId', this.AnalysisSettingId)\r\n        params.append('CameraPositionLongitude', this.sizeForm.longitude)\r\n        params.append('CameraPositionLatitude', this.sizeForm.latitude)\r\n        setCameraPosition(params).then(res=>{\r\n          this.$message({\r\n              type: 'success',\r\n              message: '保存成功!'\r\n          });\r\n        })\r\n      },\r\n      // 收放\r\n      handleContent(val){\r\n        if(val == 'postion'){\r\n          this.contentShow.postion = !this.contentShow.postion\r\n        }\r\n        if(val == 'coordinate'){\r\n          this.contentShow.coordinate = !this.contentShow.coordinate\r\n        }\r\n        if(val == 'plate'){\r\n          this.contentShow.plate = !this.contentShow.plate\r\n        }\r\n        if(val == 'parking'){\r\n          this.contentShow.parking = !this.contentShow.parking\r\n        }\r\n      },\r\n      handleChange(value) {\r\n        console.log(value);\r\n      },\r\n        load() {\r\n            console.log('1111');\r\n            var iframe = document.getElementById('mapModuleTop');\r\n            console.log('iframe', iframe);\r\n            iframe.onload = () => {\r\n                // setTimeout(() => {\r\n                this.testMqtt();\r\n                // }, 5000);\r\n            };\r\n        },\r\n        testMqtt() {\r\n            console.log('222');\r\n            this.getDataByMqtt();\r\n        },\r\n        handleChange() {},\r\n        handleagain() {\r\n            this.$confirm('此操作将重新启动系统, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消'\r\n                    });\r\n                });\r\n        },\r\n        handleReset() {\r\n            this.$confirm('此操作将重置默认值, 是否继续?', '提示', {\r\n                confirmButtonText: '确定',\r\n                cancelButtonText: '取消',\r\n                type: 'warning'\r\n            })\r\n                .then(() => {\r\n                    // this.$message({\r\n                    //   type: 'success',\r\n                    //   message: '删除成功!'\r\n                    // });\r\n                })\r\n                .catch(() => {\r\n                    this.$message({\r\n                        type: 'info',\r\n                        message: '已取消重置'\r\n                    });\r\n                });\r\n        },\r\n        handleRemove(file, fileList) {\r\n            console.log(file, fileList);\r\n        },\r\n        handlePreview(file) {\r\n            console.log(file);\r\n        },\r\n        handleExceed(files, fileList) {\r\n            this.$message.warning(\r\n                `当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`\r\n            );\r\n        },\r\n        beforeRemove(file, fileList) {\r\n            return this.$confirm(`确定移除 ${file.name}？`);\r\n        },\r\n        // 获取列表\r\n        getReverseShellList() {\r\n            //   getShellList().then(res => {\r\n            //     if (res.code === 200) {\r\n            //       if (res.data && res.data.length > 0) {\r\n            //       \t// 获取到的数据加上 isEdit是false， 默认是文本\r\n            //         res.data.forEach(item => {\r\n            //           item['isEdit'] = false\r\n            //         })\r\n            //       }\r\n            //   this.tableData = res.data\r\n            // 在表格列表前插入一行，用来新增数据\r\n            this.tableData.unshift({\r\n                name: '',\r\n                inIp: '',\r\n                inPort: null,\r\n                outPort: null,\r\n                enabled: null,\r\n                isEdit: true\r\n            });\r\n            //     }\r\n            //   })\r\n        },\r\n        // 新增按钮\r\n        handleAdd(row) {\r\n            for (let key in row) {\r\n                // 判断一行字段是否输入完整\r\n                if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                    this.msgError('Please complete the information');\r\n                    return;\r\n                }\r\n            }\r\n            const params = {\r\n                name: row.name,\r\n                inIp: row.inIp\r\n                // inPort: parseInt(row.inPort),\r\n                // outPort: parseInt(row.outPort),\r\n                // enabled: row.enabled\r\n            };\r\n            this.getReverseShellList();\r\n            //   addShell(params).then(res => {\r\n            //     if (res.code === 200) {\r\n            //       this.msgSuccess('Add reverse shell successfully')\r\n            //       row.isEdit = false\r\n            //       this.getReverseShellList()\r\n            //     }\r\n            //   })\r\n        },\r\n        // 编辑或者Apply按钮\r\n        handleUpdate(row) {\r\n            // 点击Apply时\r\n            if (row.isEdit) {\r\n                for (let key in row) {\r\n                    if (row[key] === '' || row[key] === null || typeof row[key] === 'undefined') {\r\n                        this.msgError('Please complete the information');\r\n                        return;\r\n                    }\r\n                }\r\n                const params = {\r\n                    name: row.name,\r\n                    inIp: row.inIp,\r\n                    inPort: parseInt(row.inPort),\r\n                    outPort: parseInt(row.outPort),\r\n                    enabled: row.enabled\r\n                };\r\n                // updateShell(params).then(res => {\r\n                //   if (res.code === 200) {\r\n                //     this.msgSuccess('Update reverse shell successfully')\r\n                //     this.getReverseShellList()\r\n                //   }\r\n                // })\r\n            } else {\r\n                // 点击编辑时\r\n                row.isEdit = true;\r\n            }\r\n        },\r\n        // 删除或取消按钮\r\n        handleDelete(row) {\r\n            // 点击取消时\r\n            if (row.isEdit) {\r\n                this.getReverseShellList();\r\n            } else {\r\n                // 点击删除时\r\n                this.$confirm('Are you sure to delete reverse shell?', 'warning', {\r\n                    confirmButtonText: 'Sure',\r\n                    cancelButtonText: 'Cancel',\r\n                    type: 'warning'\r\n                })\r\n                    .then(() => {\r\n                        //   deleteShell(row.name).then(res => {\r\n                        //     if (res.code === 200) {\r\n                        //       this.msgSuccess('Delete reverse shell successfully')\r\n                        //       this.getReverseShellList()\r\n                        //     }\r\n                        //   })\r\n                    })\r\n                    .catch(() => {});\r\n            }\r\n        },\r\n        // mqtt订阅（独立）\r\n        getDataByMqtt(url, topic, cIdNum) {\r\n            //     var that = this\r\n            // that.$refs.iframe.contentWindow.getDestination(1)\r\n            // console.log(\"1111\",document.getElementById(\"mapModule\"))\r\n            //  document.getElementById(\"mapModule\").contentWindow.getDestination(1)\r\n            const clientId = 'test_id_' + String(new Date().getTime()); // 用户名\r\n            //   const host = 'ws://49.234.27.18:10087/'; // 一个测试用url，改成给的，ws://broker.emqx.io:8083/mqtt\r\n            const host = 'ws://172.16.1.168:10087/';\r\n            const options = {\r\n                // 配置\r\n                // 测试：订阅本机IP\r\n                // host: host,\r\n                // port: port,\r\n                // host:\"172.16.1.168:10086\",\r\n                keepalive: 60, // 心跳时间，默认60s，设置为0禁用\r\n                username: 'admin', // 用户名（可选）\r\n                password: '123456', // 密码（可选）\r\n                clientId: clientId, // 客户端ID，默认随机生成\r\n                protocolId: 'MQTT',\r\n                protocolVersion: 4,\r\n                clean: true, // false在离线时接收QoS1和2的消息\r\n                reconnectPeriod: 2000, // 重连间隔，默认1000毫秒\r\n                connectTimeout: 30 * 1000, // 收到CONNACK之前的等待时间\r\n                will: {\r\n                    // 遗嘱消息（客户端严重断开连接时Broker将自动发送的消息）\r\n                    topic: 'img1', // 要发布的主题\r\n                    payload: '[MQTT-TEST] 遗嘱消息：连接异常断开！', // 要发布的消息\r\n                    qos: 0, // QoS(Quality of Service)，QoS0：只负责发，QoS1：保证消息至少送达1次，QoS2：保证消息到且仅到1次\r\n                    retain: false // 保留标志\r\n                }\r\n            };\r\n            if (this.mqttClient == undefined) {\r\n                this.mqttClient = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host, options); // 连接\r\n                // const client = mqtt.connect(host)  // 连接\r\n                // 错误回调\r\n                // console.log(\"this.mqttClient\", this.mqttClient)\r\n                this.mqttClient.on('error', (err) => {\r\n                    console.log('[MQTT-TEST] 连接错误：', err);\r\n                    this.mqttClient.end();\r\n                });\r\n                // 重连回调\r\n                this.mqttClient.on('reconnect', (reconnect) => {\r\n                    //   console.log(\"[MQTT-TEST] 重连中……\", reconnect);\r\n                });\r\n                // 连接回调\r\n                this.mqttClient.on('connect', (connect) => {\r\n                    //   console.log(\"[MQTT-TEST] 已连接的客户端ID: \", connect);\r\n                    // 订阅\r\n                    this.mqttClient.subscribe('img0', { qos: 0 });\r\n                    this.mqttClient.subscribe('img1', { qos: 0 });\r\n                    this.mqttClient.subscribe('img2', { qos: 0 });\r\n                    this.mqttClient.subscribe('img3', { qos: 0 });\r\n                    this.mqttClient.subscribe('img4', { qos: 0 });\r\n                    this.mqttClient.subscribe('img5', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream0', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream1', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream2', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream3', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream4', { qos: 0 });\r\n                    this.mqttClient.subscribe('stream5', { qos: 0 });\r\n                });\r\n                // 接收回调\r\n                this.mqttClient.on('message', (topic, message, packet) => {\r\n                    if (topic.indexOf('img0') != -1) {\r\n                        // try {\r\n                        const utf8decoder = new TextDecoder();\r\n                        const u8arr = new Uint8Array(message);\r\n                        const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                        const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                        //   debugger\r\n                        //   console.log(\"msg\", msg)   //msg为转换后的JSON数据\r\n                        //   console.log(\"msg.pic\", msg.pic)\r\n                        //   debugger\r\n                        // var that = this\r\n\r\n                        //    document.getElementById(\"mapModule\").contentWindow.getDestination(JSON.stringify(msg))\r\n                        // window.parent.getDestination(JSON.stringify(msg));\r\n                        //    debugger\r\n                        // unity.SendMessage('AAA', 'SendImage', JSON.stringify(msg));\r\n                        //   this.imgUrl = 'data:image/png;base64,' + msg.pic;\r\n                        //   console.log(\"imageUrl\", imageUrl)\r\n\r\n                        // }\r\n                        // catch {\r\n                        //   let imageType = 'arraybuffer';\r\n                        //   const blob = new Blob([message], { type: imageType })\r\n                        //   const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob)\r\n                        // //   console.log(\"imageUrl\", imageUrl)\r\n                        // }\r\n                    } else if (topic.indexOf('img1') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl1 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img2') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl2 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img3') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl3 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img4') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl4 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('img5') != -1) {\r\n                        try {\r\n                            const utf8decoder = new TextDecoder();\r\n                            const u8arr = new Uint8Array(message);\r\n                            const temp = utf8decoder.decode(u8arr); // 将二进制数据转为字符串\r\n                            const msg = JSON.parse(temp); //这一步报错则返回的是二进制流图片，不报错则返回的是JSON的错误提示数据\r\n                            console.log('msg', msg); //msg为转换后的JSON数据\r\n                            this.imgUrl5 = 'data:image/png;base64,' + msg.pic;\r\n                            console.log('imageUrl', imageUrl);\r\n                        } catch {\r\n                            let imageType = 'arraybuffer';\r\n                            const blob = new Blob([message], { type: imageType });\r\n                            const imageUrl = (window.URL || window.webkitURL).createObjectURL(blob);\r\n                            console.log('imageUrl', imageUrl);\r\n                        }\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream0') != -1) {\r\n                        // console.log(\r\n                        //   `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                        //   new Date(),\r\n                        //   new Date().getMilliseconds()\r\n                        // );\r\n                    } else if (topic.indexOf('stream1') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream2') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream3') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream4') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    } else if (topic.indexOf('stream5') != -1) {\r\n                        console.log(\r\n                            `[MQTT-TEST] 从主题 \"${topic}\" 收到的内容: ${message.toString()}`,\r\n                            new Date(),\r\n                            new Date().getMilliseconds()\r\n                        );\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n};\r\n</script>\r\n  \r\n<style lang=\"scss\" scoped>\r\n//   /deep/ .el-form-item__content {\r\n//     display: flex;\r\n//     flex-flow: row nowrap;\r\n//     align-items: center;\r\n// }\r\n// /deep/ .el-form-item__label {\r\n//     text-align: left;\r\n//     font-size: 16px;\r\n// }\r\n.otherThings{\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    /deep/ .el-form-item__content {\r\n        display: flex;\r\n        flex-flow: row nowrap;\r\n        align-items: center;\r\n    }\r\n}\r\n.analysis{\r\n  .board-title {\r\n    font-size: 17px;\r\n    font-weight: bolder;\r\n  }\r\n}\r\n.analysis .warning{\r\n  display: flex;\r\n  flex-flow: row nowrap;\r\n  align-items: center;\r\n  margin-bottom: 15px;\r\n  cursor: pointer;\r\n}\r\n.dataBoard {\r\n    display: flex;\r\n    justify-content: space-between;\r\n}\r\n.top .section {\r\n    //   width: 80%;\r\n    //   border: 1px solid gray;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n.dataBoard .region,\r\n.dataBoard .section {\r\n    width: 80%;\r\n    //   border: 1px solid gray;\r\n    // border: 1px solid #e4e7ed;\r\n    box-sizing: border-box;\r\n    padding: 0 15px;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.container {\r\n    width: 100%;\r\n    height: 100%;\r\n    p {\r\n        width: 95%;\r\n        font-size: 25px;\r\n        text-align: left;\r\n        border-bottom: 1px solid black;\r\n        margin-bottom: 20px;\r\n    }\r\n}\r\n</style>\r\n  "]}]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/ca1c0905f56a754b4135e545509b286b.json b/node_modules/.cache/vue-loader/ca1c0905f56a754b4135e545509b286b.json
index 1e378638..29ee8162 100644
--- a/node_modules/.cache/vue-loader/ca1c0905f56a754b4135e545509b286b.json
+++ b/node_modules/.cache/vue-loader/ca1c0905f56a754b4135e545509b286b.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id, item.num)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"btn\" },\n          [\n            _c(\n              \"el-button\",\n              { attrs: { type: \"primary\" }, on: { click: _vm.applicationBtn } },\n              [_vm._v(\"启动程序\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue?vue&type=template&id=689d6d6f&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673601263626},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"content-box\" }, [\n    _c(\n      \"div\",\n      [\n        _c(\n          \"el-row\",\n          [\n            _vm._l(_vm.videoList, function(item, index) {\n              return _c(\n                \"el-col\",\n                { key: item, attrs: { span: 6, offset: index > 0 ? 0 : 0 } },\n                [\n                  _c(\n                    \"el-card\",\n                    {\n                      staticClass: \"card\",\n                      attrs: { \"body-style\": { padding: \"0px\" } }\n                    },\n                    [\n                      _c(\"div\", { staticClass: \"type\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/leftTop2.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\"div\", { staticClass: \"name\" }, [\n                        item.type == \"实时视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/ssVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e(),\n                        item.type == \"离线视频\"\n                          ? _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/lxVideo.png\"),\n                                alt: \"\"\n                              }\n                            })\n                          : _vm._e()\n                      ]),\n                      _c(\n                        \"div\",\n                        {\n                          staticClass: \"del\",\n                          on: {\n                            click: function($event) {\n                              return _vm.open(item.id)\n                            }\n                          }\n                        },\n                        [_c(\"i\", { staticClass: \"el-icon-delete\" })]\n                      ),\n                      _c(\"img\", {\n                        staticClass: \"image\",\n                        attrs: { src: item.img },\n                        on: {\n                          click: function($event) {\n                            return _vm.goToPage(item.id, item.num)\n                          }\n                        }\n                      }),\n                      _c(\"div\", { staticClass: \"bot\" }, [\n                        _c(\n                          \"span\",\n                          { staticStyle: { \"vertical-align\": \"middle\" } },\n                          [\n                            _c(\"img\", {\n                              attrs: {\n                                src: require(\"@/assets/img/AnalysisMain/video (1).png\"),\n                                alt: \"\"\n                              }\n                            })\n                          ]\n                        ),\n                        _c(\"div\", { staticClass: \"bottom clearfix\" }, [\n                          _c(\"time\", { staticClass: \"time\" }, [\n                            _vm._v(_vm._s(item.title))\n                          ])\n                        ])\n                      ])\n                    ]\n                  )\n                ],\n                1\n              )\n            }),\n            _c(\n              \"el-col\",\n              { attrs: { span: 6 } },\n              [\n                _c(\"el-card\", { attrs: { \"body-style\": { padding: \"0px\" } } }, [\n                  _c(\"div\", { staticClass: \"middle\" }, [\n                    _c(\n                      \"div\",\n                      {\n                        staticStyle: {\n                          width: \"50%\",\n                          height: \"100%\",\n                          margin: \"auto\",\n                          \"padding-top\": \"15%\",\n                          cursor: \"pointer\",\n                          \"text-align\": \"center\"\n                        },\n                        on: {\n                          click: function($event) {\n                            return _vm.informationInfo(\"新增\")\n                          }\n                        }\n                      },\n                      [\n                        _c(\"img\", {\n                          attrs: {\n                            src: require(\"@/assets/img/AnalysisMain/add.png\"),\n                            width: \"80%\"\n                          }\n                        })\n                      ]\n                    )\n                  ])\n                ])\n              ],\n              1\n            )\n          ],\n          2\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"btn\" },\n          [\n            _c(\n              \"el-button\",\n              { attrs: { type: \"primary\" }, on: { click: _vm.applicationBtn } },\n              [_vm._v(\"启动程序\")]\n            ),\n            _c(\n              \"el-button\",\n              {\n                attrs: { type: \"primary\" },\n                on: { click: _vm.stopAlgorithmBtn }\n              },\n              [_vm._v(\"关闭程序\")]\n            )\n          ],\n          1\n        )\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"margin-top: 0px !important;\", attrs: { id: \"dialog\" } },\n      [\n        _c(\n          \"el-dialog\",\n          {\n            attrs: {\n              title: \"视频源配置\",\n              width: \"40%\",\n              visible: _vm.dialogFormVisible\n            },\n            on: {\n              \"update:visible\": function($event) {\n                _vm.dialogFormVisible = $event\n              }\n            }\n          },\n          [\n            _c(\n              \"el-form\",\n              { attrs: { model: _vm.form } },\n              [\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源名称\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\"el-input\", {\n                      staticStyle: { width: \"50%\" },\n                      attrs: { autocomplete: \"off\" },\n                      model: {\n                        value: _vm.form.videoName,\n                        callback: function($$v) {\n                          _vm.$set(_vm.form, \"videoName\", $$v)\n                        },\n                        expression: \"form.videoName\"\n                      }\n                    })\n                  ],\n                  1\n                ),\n                _c(\n                  \"el-form-item\",\n                  {\n                    attrs: {\n                      label: \"视频源类型\",\n                      \"label-width\": _vm.formLabelWidth\n                    }\n                  },\n                  [\n                    _c(\n                      \"el-radio-group\",\n                      {\n                        model: {\n                          value: _vm.form.videoType,\n                          callback: function($$v) {\n                            _vm.$set(_vm.form, \"videoType\", $$v)\n                          },\n                          expression: \"form.videoType\"\n                        }\n                      },\n                      [\n                        _c(\"el-radio\", { attrs: { label: \"实时视频\" } }),\n                        _c(\"el-radio\", { attrs: { label: \"离线视频\" } })\n                      ],\n                      1\n                    )\n                  ],\n                  1\n                ),\n                _vm.form.videoType == \"实时视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"视频源地址\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"el-input\", {\n                          staticStyle: { width: \"80%\" },\n                          attrs: { autocomplete: \"off\" },\n                          model: {\n                            value: _vm.form.videoStreamAddress,\n                            callback: function($$v) {\n                              _vm.$set(_vm.form, \"videoStreamAddress\", $$v)\n                            },\n                            expression: \"form.videoStreamAddress\"\n                          }\n                        })\n                      ],\n                      1\n                    )\n                  : _vm._e(),\n                _vm.form.videoType == \"离线视频\"\n                  ? _c(\n                      \"el-form-item\",\n                      {\n                        attrs: {\n                          label: \"离线视频上传\",\n                          \"label-width\": _vm.formLabelWidth\n                        }\n                      },\n                      [\n                        _c(\"input\", {\n                          ref: \"inputer\",\n                          attrs: { type: \"file\", id: \"fileExport\" },\n                          on: { change: _vm.handleFileChange }\n                        }),\n                        _c(\n                          \"el-button\",\n                          {\n                            attrs: { size: \"small\", type: \"primary\" },\n                            on: { click: _vm.load }\n                          },\n                          [_vm._v(\"点击上传\")]\n                        )\n                      ],\n                      1\n                    )\n                  : _vm._e()\n              ],\n              1\n            ),\n            _c(\n              \"div\",\n              {\n                staticClass: \"dialog-footer\",\n                attrs: { slot: \"footer\" },\n                slot: \"footer\"\n              },\n              [\n                _c(\n                  \"el-button\",\n                  {\n                    on: {\n                      click: function($event) {\n                        _vm.dialogFormVisible = false\n                      }\n                    }\n                  },\n                  [_vm._v(\"取 消\")]\n                ),\n                _c(\n                  \"el-button\",\n                  {\n                    attrs: { type: \"primary\" },\n                    on: {\n                      click: function($event) {\n                        return _vm.commit(_vm.form)\n                      }\n                    }\n                  },\n                  [_vm._v(\"确 定\")]\n                )\n              ],\n              1\n            )\n          ],\n          1\n        )\n      ],\n      1\n    )\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }"]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e4287693e3ce062bc00d82c4dba0b7df.json b/node_modules/.cache/vue-loader/e4287693e3ce062bc00d82c4dba0b7df.json
index d24401cd..c74e564d 100644
--- a/node_modules/.cache/vue-loader/e4287693e3ce062bc00d82c4dba0b7df.json
+++ b/node_modules/.cache/vue-loader/e4287693e3ce062bc00d82c4dba0b7df.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673600530823},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=template&id=3aba1cf9&scoped=true&","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673603633978},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":1673232720593},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["\n<div id=\"lineChart\" ref=\"lineChart\" style=\"width: 100%; height: 300px\"></div>\n",null]}
\ No newline at end of file
diff --git a/node_modules/.cache/vue-loader/e940c7bce6fada6ad75967d24aa12368.json b/node_modules/.cache/vue-loader/e940c7bce6fada6ad75967d24aa12368.json
index 566fc0f6..20f09c58 100644
--- a/node_modules/.cache/vue-loader/e940c7bce6fada6ad75967d24aa12368.json
+++ b/node_modules/.cache/vue-loader/e940c7bce6fada6ad75967d24aa12368.json
@@ -1 +1 @@
-{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673580353834},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
\ No newline at end of file
+{"remainingRequest":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","dependencies":[{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\src\\views\\AnalysisMain.vue","mtime":1673601263626},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1673232709843},{"path":"C:\\Users\\LGZN-Digital\\Desktop\\新建文件夹\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1673232720592}],"contextDependencies":[],"result":["import { render, staticRenderFns } from \"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\"\nimport script from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nexport * from \"./AnalysisMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AnalysisMain.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\Users\\\\LGZN-Digital\\\\Desktop\\\\新建文件夹\\\\TransFlow\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('689d6d6f')) {\n      api.createRecord('689d6d6f', component.options)\n    } else {\n      api.reload('689d6d6f', component.options)\n    }\n    module.hot.accept(\"./AnalysisMain.vue?vue&type=template&id=689d6d6f&\", function () {\n      api.rerender('689d6d6f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/AnalysisMain.vue\"\nexport default component.exports"]}
\ No newline at end of file
diff --git a/src/components/chart/lineChart.vue b/src/components/chart/lineChart.vue
index fe1bd3bd..8cf81f1d 100644
--- a/src/components/chart/lineChart.vue
+++ b/src/components/chart/lineChart.vue
@@ -55,7 +55,6 @@ export default {
                     return val.headWay;
                 });
             } else if (this.title == '类型组件') {
-                return val.speed;
             }
         }
         // 断面组件周期统计的y轴展示
diff --git a/src/views/bounced/dataBoard.vue b/src/views/bounced/dataBoard.vue
index 38129a08..c08da038 100644
--- a/src/views/bounced/dataBoard.vue
+++ b/src/views/bounced/dataBoard.vue
@@ -151,7 +151,7 @@ export default {
                     type: 'truck',
                     in_flow: 90,
                     out_flow: 120,
-                    flow: 210,
+                    flow: 147,
                     in_spd: 20.1,
                     out_spd: 30.6,
                     speed: 30
@@ -165,7 +165,7 @@ export default {
                     type: 'truck',
                     in_flow: 90,
                     out_flow: 120,
-                    flow: 210,
+                    flow: 123,
                     in_spd: 20.1,
                     out_spd: 30.6,
                     speed: 40
@@ -178,7 +178,7 @@ export default {
                     interval: '53',
                     type: 'truck',
                     in_flow: 90,
-                    out_flow: 120,
+                    out_flow: 80,
                     flow: 210,
                     in_spd: 20.1,
                     out_spd: 30.6,
@@ -211,7 +211,43 @@ export default {
                     n_stay: 3,
                     n_queue: 2,
                     occ: 1,
-                    speed: 2.6
+                    speed: 5.6
+                },
+                {
+                    zone_id: '0',
+                    gate_id: 'Zone_1',
+                    name: '西进口左1',
+                    timestamp: '2022-10-1',
+                    frame: 1000,
+                    type: 'car',
+                    n_stay: 3,
+                    n_queue: 2,
+                    occ: 1,
+                    speed: 12.6
+                },
+                {
+                    zone_id: '0',
+                    gate_id: 'Zone_1',
+                    name: '西进口左1',
+                    timestamp: '2022-10-1',
+                    frame: 1000,
+                    type: 'car',
+                    n_stay: 3,
+                    n_queue: 2,
+                    occ: 1,
+                    speed: 10
+                },
+                {
+                    zone_id: '0',
+                    gate_id: 'Zone_1',
+                    name: '西进口左1',
+                    timestamp: '2022-10-1',
+                    frame: 1000,
+                    type: 'car',
+                    n_stay: 3,
+                    n_queue: 2,
+                    occ: 1,
+                    speed: 6
                 }
             ],
             // 区域的周期统计
@@ -227,8 +263,8 @@ export default {
                     ave_stay: 3.2,
                     ave_queue: 2.9,
                     ave_occ: 0.56,
-                    ave_delay: 16.7,
-                    ave_speed: 2.6
+                    ave_delay: 8,
+                    ave_speed: 12
                 },
                 {
                     zone_id: '0',
@@ -241,8 +277,8 @@ export default {
                     ave_stay: 3.2,
                     ave_queue: 2.9,
                     ave_occ: 0.56,
-                    ave_delay: 16.7,
-                    ave_speed: 2.6
+                    ave_delay: 7,
+                    ave_speed: 22
                 },
                 {
                     zone_id: '0',
@@ -255,8 +291,8 @@ export default {
                     ave_stay: 3.2,
                     ave_queue: 2.9,
                     ave_occ: 0.56,
-                    ave_delay: 16.7,
-                    ave_speed: 2.6
+                    ave_delay: 17,
+                    ave_speed: 12
                 }
             ],
 
@@ -274,7 +310,7 @@ export default {
             this.count1 = !this.count1;
 
             if (this.count1 == false) {
-                this.$refs.region.style.height = 47 + 'vh';
+                this.$refs.region.style.height = 50 + 'vh';
                 this.$refs.box.style.height = '100vh';
             } else if (this.count1 == true) {
                 this.$refs.region.style.height = this.$refs.regionContent.offsetHeight + 30 + 'px';
@@ -285,7 +321,7 @@ export default {
         sectionHandle() {
             this.count2 = !this.count2;
             if (this.count2 == false) {
-                this.$refs.section.style.height = 47 + 'vh';
+                this.$refs.section.style.height = 50 + 'vh';
                 this.$refs.box.style.height = '100vh';
             } else if (this.count2 == true) {
                 this.$refs.section.style.height = this.$refs.sectionContent.offsetHeight + 30 + 'px';